java感言

 

2008年11月12日

HTML标签详解

--  HTML标签详解
HTML指令详解
结构
<html>
<head>
<title>标题<title>
</head>
<body>..........文件内容..........
</body>
</html>
1.文件标题
<title>..........</title>
2.文件更新--<meta>
 【1】10秒后自动更新一次
  <meta http-equiv="refresh" content=10>
 【2】10秒後自动连结到另一文件
  <meta http-equiv="refresh" content="10;URL=欲连结文件之URL">
3.查询用表单--<isindex>
   若欲设定查询栏位前的提示文字:
  <isindex prompt="提示文字">
4.预设的基准路径--<base>
   <base href="放置文件的主机之URL">
版面
1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font> 
【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大 
【2】指定字型 <font face="字型名称">..........</font> 
【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码
3.显示小字体 <small>..........</small> 
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i> 
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行 <br>
14.分段 <p> 
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到 <hr>ⅱ<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr> 
【1】分隔线的粗细 <hr size=点数> 
【2】分隔线的宽度 <hr size=点数或百分比> 
【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 
【4】分隔线的颜色 <hr color=#rrggbb> 
【5】实心分隔线 <hr noshade>
17.向中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性 
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb> 
【2】背景图案 -- background <body background="图形文件名"> 
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed> 
【4】文件内容文字的颜色 -- text <body text=#rrggbb> 
【5】超连结文字颜色 -- link <body link=#rrggbb> 
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb> 
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
20.注解 <!--..........-->21.特殊字元表示法 
符 号   语 法  
<     &lt  
>     &gt  
&     &amp  
"     &quot  
空白    &nbsp  

 

图片
1.插入图片 <img src="图形文件名">
2.设定图框 -- border <img src="图形文件名" border=点数>
3.设定图形大小 -- widthⅱheight <img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspaceⅱhspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图形文件名" alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致
7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">
       <area shape=形状 coords=区域座标列表 href="连结点之URL">    </map>    
【1】定义形状 -- shape
       shape=rect:矩形         shape=circle:圆形         shape=poly:多边形    
【2】定义区域 -- coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">
表格
1.定义表格 <table>..........</table> 
【1】设定边框的厚度 -- border
<table border=点数> 
【2】设定格线的宽度 -- cellspacing
<table cellspacing=点数> 
【3】设定资料与格线的距离 -- cellpadding
<table cellpadding=点数> 
【4】调整表格宽度 -- width
<table width=点数或百分比> 
【5】调整表格高度 -- height
<table height=点数或百分比> 
【6】设定表格背景色彩 -- bgcolor
<table bgcolor=#rrggbb> 
【7】设定表格边框色彩 -- bordercolor
<table bordercolor=#rrggbb>
2.显示格线 <table border>
3.表格标题
<caption>..........</caption> 
表格标题位置 -- align
<caption align="#"> #号可为 top:表标题置于表格上方(预设值)
bottom:表标题置于表格下方
4.定义列 <tr>
5.定义栏位 《1》<td>:靠左对齐
《2》<th>:靠中对齐ⅱ粗体 
【1】水平位置 -- align <th align="#">
#号可为 left:向左对齐
center:向中对齐 right:向右对齐
【2】垂直位置 -- align <th align="#"> #号可为
top:向上对齐 middle:向中对齐
bottom:向下对齐 
【3】栏位宽度 -- width
<th width=点数或百分比> 
【4】栏位垂直合并 -- rowspan
<th rowspan=欲合并栏位数> 
【5】栏位横向合并 -- colspan
<th colspan=欲合并栏位数>
清单
一、目录式清单 
<dir> <li>项目1 <li>项目2 <li>项目3 </dir> P.S.目录式清单每一个项目不能超过20个字元(即10个中文字)
二、选项式清单 <menu> <li>项目1 <li>项目2 <li>项目3 </menu>
三、有序号的清单 <ol> <li>项目1 <li>项目2 <li>项目3 </ol> 
【1】序号形式 -- type <ol type=#>或<li type=#> #号可为 A:表以大写英文字母AⅱBⅱCⅱD...做为项目编号 a:表以小写英文字母aⅱbⅱcⅱd...做为项目编号 I:表以大写罗马数字做为项目编号 i:表以小写罗马数字做为项目编号 1:表以阿拉伯数字做为项目编号(预设值) 
【2】起始数字 -- start <ol start=欲开始计数的序数> 
【3】指定编号 -- value <li value=欲指定的序数>
四、无序号的清单 <ul> <li>项目1 <li>项目2 <li>项目3 </ul> 
【1】项目符号形式 -- type <ul type=#>或<li type=#> #号可为 disc:实心圆点(预设值) circle:空心圆点 square:实心方块 
【2】原始清单 -- plain <ul plain> 
【3】清单排列方式 -- warp 《1》清单垂直排列 <ul warp = vert> 《2》清单水平排列 <ul warp = horiz>
五、定义式清单 <dl> <dt>项目1 <dd>项目1说明 <dt>项目2 <dd>项目2说明 <dt>项目3 <dd>项目3说明 </dl> 
紧密排列 -- compact <dl compact> P.S.如此可使<dt>的内容与<dd>的内容在同一行,仅 以数格空白相隔而不换行,但若<dt>的文字超过一 定的长度后,compact的作用就消失了!
表单
一、基本架构 <form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"> .......... .......... .......... </form> 
二、输入文件型表单 <form action="URL" method="post"> <input> <input> .......... .......... </form> 
【1】栏位类型 -- type <input type=#> #号可为 text:文字输入 password:密码 checkbox:多选钮 radio:单选钮 submit:接受按钮 reset:重设按钮 image:图形钮 hidden:隐藏栏位 
【2】栏位名称 -- name <input name="资料栏名"> P.S.若type为submitⅱreset则name不必设定 
【3】文件上的预设值 -- value <input value="预设之字串"> 
【4】设定栏位的宽度 -- size <input size=字元数> 
【5】限制最大输入字串的长度 -- maxlength <input maxlength=字元数> 
【6】预设checkbox或radio的初值 -- checked <input type=checkbox checked> <input type=radio checked> 
【7】指定图形的URL -- src <input type=image src="图档名"> 
【8】图文对齐 -- align <input type=image align="#"> #号可为 top:文字对齐图片之顶端 middle:文字对齐图片之中间 buttom:文字对齐图片之底部
三、选择式表单 <form action="URL" method="post"> <select> <option> <option> .......... .......... </select> </form> 
A、<select>的属性 
【1】栏位名称 -- name <select name="资料栏位名"> 
【2】设定显示的选项数 -- size <select size=个数> 
【3】多重选项 -- multiple <select multiple> 
B、<option>的属性 
【1】定义选项的传回值 -- value <option value="传回值"> 
【2】预先选取的选项 -- selected <option selected>
四、多列输入文字区表单 <form action="URL" method="post"> <textarea> .......... .......... </textarea> </form> 
【1】文字区的变数名称 -- name <textarea name=变数名称> 
【2】设定文字输入区宽度 -- cols <textarea cols=字元数> 
【3】设定文字输入区高度 -- rows <textarea rows=列数> 
【4】输入区设定预设字串 <textarea> 预设文字 </textarea> 
【5】自动换行与否 -- wrap <textarea wrap=#> #号可为 off:表输入的文字超过栏宽时,不会自动换行(预设值) virtual:表输入的文字在超过栏宽时会自动换行
链接
一、连结至其他文件 <a href="URL">说明文字或图片</a>
二、连结至文件内之某一处(外部连结) 
《1》起点
<a href="档名#名称">..........</a> 
《2》终点 <a name="名称">
三、frame的超连结 
【1】开启新的浏览器来显示连结文件 -- _blank <a href="URL" target=_blank>
【2】显示连结文件於目前的frame -- _self <a href="URL" target=_self>
【3】以上一层的分割视窗显示连结文件 -- _parent <a href="URL" target=_parent>
【4】以全视窗显示连结文件 -- _top <a href="URL" target=_top> 
【5】以特定视窗显示连结文件 --<a href="URL" target="特定视窗名称">
FRAME
一、分割视窗指令 <frameset>..........</frameset> 
【1】垂直(上下)分割 -- rows
<frameset rows=#> #号可为点数:如欲分割为100,200,300三个视窗,则
<frameset rows=100,200,300>;亦可以*号代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各 项总和最好为100%
【2】水平(左右)分割 -- cols <frameset cols=点数或百分比>
二ⅱ指定视窗内容 -- <frame>
<frameset cols=30%,70%>    <frame>    <frame> </frameset>
【1】指定视窗的文件名称 -- src <frame src=HTML档名> 
【2】定义视窗的名称 -- name
<frame name=视窗名称> 
【3】设定文件与上下边框的距离 -- marginheight
<frame marginheight=点数> 
【4】设定文件与左右边框的距离 -- marginwidth
<frame marginwidth=点数> 
【5】设定分割视窗卷轴 -- scrolling
<frame scrolling=#> #号可为 yes:固定出现卷轴
no:不出现卷轴 auto:自动判断文件大小需不需要卷轴(预设值)
【6】锁住分割视窗的大小 -- noresize <frame noresize>

posted @ 2008-11-12 10:53 王禹 阅读(163) | 评论 (0)编辑 收藏

IntelliJ IDEA使用技巧一览表

IntelliJ IDEA使用技巧一览表


在使用InelliJ IDEA的过程中,通过查找资料以及一些自己的摸索,发现这个众多Java程序员喜欢的IDE里有许多值得一提的小窍门,如果能熟练的将它们应用于实际开发过程中,相信它会大大节省你的开发时间,而且随之而来的还会有那么一点点成就感:)Try it

1、写代码时用Alt-InsertCode|Generate…)可以创建类里面任何字段的gettersetter方法。

2、右键点击断点标记(在文本的左边栏里)激活速查菜单,你可以快速设置enable/disable断点或者条件它的属性。

 3CodeCompletion(代码完成)属性里的一个特殊的变量是,激活Ctrl-Alt-Space可以完成在或不在当前文件里的类名。如果类没有引入则import标志会自动创建。

4、使用Ctrl-Shift-V快捷键可以将最近使用的剪贴板内容选择插入到文本。使用时系统会弹出一个含有剪贴内容的对话框,从中你可以选择你要粘贴的部分。

5、利用CodeCompletion(代码完成)属性可以快速地在代码中完成各种不同地语句,方法是先键入一个类名地前几个字母然后再用Ctrl-Space完成全称。如果有多个选项,它们会列在速查列表里。

6、用Ctrl-/Ctrl-Shift-/来注释/反注释代码行与代码块。

-/用单行注释标记(“//…”)来注释/反注释当前行或者选择地代码块。而Ctrl-Shift-/则可以用块注释标记(“/*…*/”)把所选块包围起来。要反注释一个代码块就在块中任何一个地方按Ctrl-Shift-/即可。

7、按Alt-QView|Context Info)可以不需要移动代码就能查看当前方法地声明。连续按两次会显示当前所编辑的类名。

8、使用Refactor|Copy Class…可以创建一个所选择的类的“副本”。这一点很有用,比如,在你想要创建一个大部分内容都和已存在类相同的类时。

9、在编辑器里Ctrl-D可以复制选择的块或者没有所选块是的当前行。

10Ctrl-W(选择字)在编辑器里的功能是先选择脱字符处的单词,然后选择源代码的扩展区域。举例来说,先选择一个方法名,然后是调用这个方法的表达式,然后是整个语句,然后包容块,等等。

11、如果你不想让指示事件细节的“亮球”图标在编辑器上显示,通过按Alt-Enter组合键打开所有事件列表然后用鼠标点击它就可以把这个事件文本附件的亮球置成非活动状态。

这样以后就不会有指示特殊事件的亮球出现了,但是你仍然可以用Alt-Enter快捷键使用它。

12、在使用CodeCompletion时,可以用逗点(.)字符,逗号(,)分号(;),空格和其它字符输入弹出列表里的当前高亮部分。选择的名字会随着输入的字符自动输入到编辑器里。

13、在任何工具窗口里使用Escape键都可以把焦点移到编辑器上。

Shift-Escape不仅可以把焦点移到编辑器上而且还可以隐藏当前(或最后活动的)工具窗口。

F12键把焦点从编辑器移到最近使用的工具窗口。

14、在调试程序时查看任何表达式值的一个容易的方法就是在编辑器中选择文本(可以按几次Ctrl-W组合键更有效地执行这个操作)然后按Alt-F8

15、要打开编辑器脱字符处使用的类或者方法Java文档的浏览器,就按Shift-F1(右键菜单的External JavaDoc)。

要使用这个功能须要把加入浏览器的路径,在“General”选项中设置(Options | IDE Settings),另外还要把创建的Java文档加入到工程中(File | Project Properties)。

16、用Ctrl-F12View | File Structure Popup)键你可以在当前编辑的文件中快速导航。

这时它会显示当前类的成员列表。选中一个要导航的元素然后按Enter键或F4键。要轻松地定位到列表中的一个条目,只需键入它的名字即可。

17、在代码中把光标置于标记符或者它的检查点上再按Alt-F7(右键菜单中的Find Usages…)会很快地查找到在整个工程中使用地某一个类、方法或者变量的位置。

18、按Ctrl-NGo to | Class…)再键入类的名字可以快速地在编辑器里打开任何一个类。从显示出来的下拉列表里选择类。

同样的方法你可以通过使用Ctrl-Shift-NGo to | File…)打开工程中的非Java文件。

19、要导航代码中一些地方使用到的类、方法或者变量的声明,把光标放在查看项上再按Ctrl-B即可。也可以通过按Ctrl键的同时在查看点上单击鼠标键调转到声明处。

20、把光标放到查看点上再按Ctrl-Alt-B可以导航到一个抽象方法的实现代码。

21、要看一个所选择的类的继承层次,按Ctrl-HBrowse Type Hierarchy)即可。也可以激活编辑器中的继承关系视图查看当前编辑类的继承关系。

22、使用Ctrl-Shift-F7Search | Highlight Usages in File)可以快速高亮显示当前文件中某一变量的使用地方。按Escape清除高亮显示。

23、用Alt-F3Search | Incremental Search)在编辑器中实现快速查查找功能。

在“Search for:”提示工具里输入字符,使用箭头键朝前和朝后搜索。按Escape退出。

24、按Ctrl-J组合键来执行一些你记不起来的Live Template缩写。比如,键“it”然后按Ctrl-J看看有什么发生。

25Introduce Variable整合帮助你简化代码中复杂的声明。举个例子,在下面的代码片断里,在代码中选择一个表达式:

然后按Ctrl-Alt-VRefactor | Introduce Variable)就会出现下面的结果:

 26Ctrl-Shift-J快捷键把两行合成一行并把不必要的空格去掉以匹配你的代码格式。

27Ctrl-Shift-BackspaceGo to | Last Edit Location)让你调转到代码中所做改变的最后一个地方。

多按几次Ctrl-Shift-Backspace查看更深的修改历史。

28、用Tools | Reformat Code…根据你的代码样式参考(查看Options | IDE Setting | Code Style)格式化代码。

使用Tools | Optimize Imports…可以根据设置(查看Options | IDE Setting | Code Style | Imports)自动“优化”imports(清除无用的imports等)。

29、使用IDEALive Templates | Live Templates让你在眨眼间创建许多典型代码。比如,在一个方法里键入

再按Tab键看有什么事情发生了。

 Tab键在不同的模板域内移动。查看Options | Live Templates获取更多的细节。

30、要查看一个文件中修改的本地历史,激活右键菜单里的Local VCS | Show History…。也许你可以导航不同的文件版本,看看它们的不同之处再回滚到以前的任何一个版本吧。

使用同样的右键菜单条目还可以看到一个目录里修改的历史。有了这个特性你就不会丢失任何代码了。

31、如果要了解主菜单里每一个条目的用途,把鼠标指针移到菜单条目上再应用程序框架的底部的状态栏里就会显示它们的一些简短描述,也许会对你有帮助。

32、要在编辑器里显示方法间的分隔线,打开Options | IDE Settings | Editor,选中“Show method separators”检查盒(checkbox)。

33Alt-UpAlt-Down键可以在编辑器里不同的方法之间快速移动。

34、用F2/Shift-F2键在高亮显示的语法错误间跳转。

Ctrl-Alt-Down/Ctrl-Alt-Up快捷键则可以在编译器错误信息或者查找操作结果间跳转。

35、通过按Ctrl-OCode | Override Methods…)可以很容易地重载基本类地方法。

要完成当前类implements的(或者抽象基本类的)接口的方法,就使用Ctrl-ICode | Implement Methods…)。

36、如果光标置于一个方法调用的括号间,按Ctrl-P会显示一个可用参数的列表。

37、要快速查看编辑器脱字符处使用的类或方法的Java文档,按Ctrl-Q(在弹出菜单的Show Quick JavaDoc里)即可。

38、像Ctrl-QShow Quick JavaDoc显示简洁Java文档),Ctrl-PShow Parameter Info显示参数信息),Ctrl-BGo to Declaration跳转到声明),Shift-F1External JavaDoc外部Java文档)以及其它一些快捷键不仅可以在编辑器里使用,也可以应用在代码完成右键列表里。

39Ctrl-EView | Recent Files)弹出最近访问的文件右键列表。选中文件按Enter键打开。

40、在IDEA中可以很容易地对你的类,方法以及变量进行重命名并在所有使用到它们的地方自动更正。

试一下,把编辑器脱字符置于任何一个变量名字上然后按Shift-F6Refactor | Rename…)。在对话框里键入要显示地新名字再按Enter。你会浏览到使用这个变量地所有地方然后按“Do Refactor”按钮结束重命名操作。

41、要在任何视图(Project View工程视图,Structure View结构视图或者其它视图)里快速

选择当前编辑地部分(类,文件,方法或者字段),按Alt-F1View | Select in…)。

42、在“new”字符后实例化一个已知类型对象时也许你会用到SmartType代码完成这个特性。比如,键入再按Ctrl-Shift-Space

 3、通过使用SmartType代码完成,在IDEA中创建接口的整个匿名implementation也是非常容易的,比如,对于一些listener(监听器),可以键入

  Component component;

  component.addMouseListener(

    new <caret is here> 

  );

然后再按Ctrl-Shift-Space看看有什么发生了。

44、在你需要设置一个已知类型的表达式的值时用SmartType代码完成也很有帮助。比如,键入

String s = (<caret is here> 

再按Ctrl-Shift-Space看看会有什么出现。

45、在所有视图里都提供了速查功能:在树里只需键入字符就可以快速定位到一个条目。

46、当你想用代码片断捕捉异常时,在编辑器里选中这个片断,按Ctrl-Alt-TCode | Surround with…)然后选择“try/catch”。它会自动产生代码片断中抛出的所有异常的捕捉块。在Options | File Templates | Code tab中你还可以自己定制产生捕捉块的模板。

用列表中的其它项可以包围别的一些结构。


47、在使用代码完成时,用Tab键可以输入弹出列表里的高亮显示部分。

不像用Enter键接受输入,这个选中的名字会覆盖掉脱字符右边名字的其它部分。这一点在用一个方法或者变量名替换另一个时特别有用。

48、在声明一个变量时代码完成特性会给你显示一个建议名。比如,开始键入“private FileOutputStream”然后按Ctrl-Space

posted @ 2008-11-12 09:29 王禹 阅读(424) | 评论 (0)编辑 收藏

仅列出标题  

导航

统计

常用链接

留言簿(1)

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜