1 文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。 2 3 HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。所谓超级链接,就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。 4 5 HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。 6 7 以常用为准,其它标签省略(属性不讲)。 8 9 注:HTML 标签对大小写不敏感,但推荐使用小写! 10 11 12 13 基本结构标签: 14 <HTML>,表示该文件为HTML文件 15 <HEAD>,包含文件的标题,使用的脚本,样式定义等 16 <TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 17 </HEAD>,<HEAD>的结束标志 18 <BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. 19 </BODY>,<BODY>的结束标志 20 </HTML>,<HTML>的结束标志 21 22 其它主要标签,以下所有标志用在<BODY></BODY>中: 23 <A,HREF="…"></A>,链接标志,"…"为链接的文件地址 24 <IMG,SRC="…">,显示图片标志,"…"为图片的地址 25 <BR>,换行标志 26 <P>,分段标志 27 <B></B>,采用黑体字 28 <I></I>,采用斜体字 29 <HR>,水平画线 30 <TABLE></TABLE>,定义表格,HTML中重要的标志 31 <TR></TR>,定义表格的行,用在<TABLE></TABLE>中 32 <TD></TD>,定义表格的单元格,用在<TR></TR>中 33 <FONT></FONT>,字体样式标志 34 35 属性: 36 属性是用来修饰标志的,属性放在开始标志内. 37 例:属性bgcolor="BLACK"表示背景色为黑色. 38 引用属性的例子: 39 <BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色; 40 <TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色. 41 42 常用属性: 43 对齐属性,范围属性: 44 ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. 45 ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. 46 ALIGN=RIGHT,右对齐. 47 色彩属性: 48 COLOR=#RRGGBB,前景色,参考色彩对照表. 49 BGCOLOR=#RRGGBB,背景色. 50 51 <center>表示绝对居中. 52 53 <table></table>表格标识的开始和结束. 54 属性: 55 cellpadding=数值单位是像素,定义表元内距 56 cellspacing=数值单位是像素,定义表元间距 57 border=数值单位是像素,定义表格边框宽度 58 width=数值单位是像素或窗口百分比,定义表格宽度 59 background=图片链接地址,定义表格背景图 60 <tr></tr>表格中一个表格行的开始和结束; 61 <td></td>表格中行内一个单元格的开始和结束 62 属性: 63 Colspan="",单元格跨越多列; 64 Rowspan="",单元格跨越多行; 65 Width="";定义表格宽度 66 Height="";定义表格高度 67 Align="";对齐方式 68 Valign=""; 69 Border="",边框宽度; 70 Bgcolor="",背景色; 71 Bordercolor="",边框颜色; 72 Bordercolorlight="",边框明亮面的颜色; 73 Bordercolordark="",边框暗淡面的颜色; 74 Cellpadding="",内容与边框的距离(默认为2); 75 Cellspacing="",单元格间的距离(默认为2); 76 77 <br>强制换行 78 <font></font>文本标识的开始和结束 79 属性: 80 face=字体 81 color=颜色 82 <b></b>加粗文字标识的开始和结束 83 属性: 84 style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 85 <div></div>,分区标识的开始和结束 86 属性: 87 align=|center|left|right|水平对齐方式 88 <marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动 89 属性: 90 scrollamount=1~60,滚动速度 91 direction=|left|right|up|down|,滚动方向 92 scrolldelay=滚动延时,单位:毫秒 93 <P>段落标识, 94 空格符, 95 <img>贴图标识 96 属性: 97 src=../../图片链接地址,贴图标识必备属性 98 style=filter:Alpha(opacity=100,style=2); 99 filter:样式表滤镜; 100 Alpha:透明滤镜, 101 opacity:不透明度100(0~100); 102 style:样式2(0~3), 103 rules="none"不显示内框" 104 <embed,src="…">多媒体文件标识 105 属性: 106 SRC="../../FILENAME", 107 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. 108 AUTOSTART=TRUE/FALSE, 109 是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE 110 LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止. 111 STARTIME="分:秒", 112 设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20 113 VOLUME=0-100, 114 设定音量的大小.如果没设定的话,就用系统的音量. 115 WIDTH,HEIGHT, 116 设定控制面板的大小,都设为0可隐藏播放器 117 HIDDEN=TRUE, 118 隐藏控制面板 119 CONTROLS=CONSOLE/SMALLCONSOLE, 120 设定控制面板的样子, 121 <bgsound,src="…">,背景音乐标识,只能用于.wav和.mp3格式. 122 属性: 123 LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止. 124 125 表单标签: 126 <form></form>表格标识的开始和结束,表单的内容都放在这里. 127 下边的标签放在表单内: 128 <select>下拉选择框 129 <option></option> 130 </select> 131 属性: 132 Multiple,多选 133 <textarea></textarea>,大量文字输入的编辑块 134 属性: 135 Cols="",行; 136 Rows="",列; 137 <input,type="text">,文本框 138 <input,type="password">,密码框 139 <input,type="submit">,提交按扭 140 <input,type="checkbox">,复选框 141 <input,type="radio">,单选框 142 <input,type="reset">,重置按扭 143 <input,type="image">,图片按扭 144 <input,type="hidden">,隐藏域 145 <input,type="button">,按扭 146 <input,type="file">,浏览文件 147 公共属性: 148 Name=""; 149 Value="" 150 Size="" 151 152 框架标签: 153 <FRAMESET>...</FRAMESET>,定义框架. 154 <FRAME>,放在框架标签内,定义每个框架的内容. 155 属性: 156 Cols="" 157 Rows="" 158 Frameborder="" 159 Framespacing="" 160 src="" 161 Scrolling="",滚动条(No,Yes); 162 Noresize,框加大小不可变; 163 Marginhight="",高度空余空间; 164 Marginwidth="",宽度空余空间; 165 Target="",目标框架. 166 167 其他标签: 168 <bgsound>,背景音乐; 169 Src="" 170 Loop="",循环次数; 171 <embed>,媒体播放块; 172 Src="" 173 Loop="",循环次数; 174 <marquee></marquee>,滚动部分; 175 属性: 176 Bgcolor="" 177 Behavior,设置或获取文本如何在字幕中滚动. 178 Direction="",滚动方向; 179 Height="" 180 Width="" 181 Loop="",环次数; 182 scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数. 183 scrollDelay="",设置或获取字幕滚动的速度. 184 scrollHeight="",获取对象的滚动高度; 185 scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离. 186 scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离. 187 trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时. 188 189 <!--...-->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示. 190 191 -- 192 193 基本标签: 194 <html></html>,创建一个HTML文档; 195 <head></head>,设置文档标题和其它在网页中不显示的信息; 196 <title></title>,设置文档的标题; 197 <h1></h1>,最大的标题; 198 <pre></pre>,预先格式化文本; 199 <u></u>,下划线 200 <b></b>,黑体字; 201 <i></i>,斜体字; 202 <tt></tt>,打字机风格的字体; 203 <cite></cite>,引用,通常是斜体; 204 <em></em>,强调文本(通常是斜体加黑体); 205 <strong></strong>,加重文本(通常是斜体加黑体); 206 <font,size="",color=""></font>,设置字体大小从1到7,颜色使用名字或RGB的十六进制值; 207 <BASEFONT></BASEFONT>,基准字体标记; 208 <big></big>,字体加大; 209 <SMALL></SMALL>,字体缩小; 210 <STRIKE></STRIKE>,加删除线; 211 <CODE></CODE>,程式码; 212 <KBD></KBD>,键盘字; 213 <SAMP></SAMP>,范例; 214 <VAR></VAR>,变量; 215 <BLOCKQUOTE></BLOCKQUOTE>,向右缩排; 216 <DFN></DFN>,述语定义; 217 <ADDRESS></ADDRESS>,地址标记; 218 <sup></SUP>,上标字; 219 <SUB></SUB>,下标字; 220 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) 221 <plaintext>...</plaintext>固定宽度字体(不执行标记符号); 222 <listing>...</listing>,固定宽度小字体; 223 <font,color=00ff00>...</font>字体颜色; 224 <font,size=1>...</font>最小字体; 225 <font,style,='font-size:100,px'>...</font>无限增大. 226 227 格式标签: 228 229 <p></p>,创建一个段落; 230 <p,align="">,将段落按左、中、右对齐; 231 <br>,换行,插入一个回车换行符; 232 <blockquote></blockquote>,从两边缩进文本; 233 234 <dl></dl>,列表标签,定义列表; 235 <dt>,定义列表标题; 236 <dd>,定义列表内容; 237 例: 238 <dl> 239 <dt>标题1</dt> 240 <dd>内容11</dd> 241 <dd>内容12</dd> 242 <dt>标题2</dt> 243 <dd>内容21</dd> 244 <dd>内容22</dd> 245 </dl> 246 247 <ol></ol>,列表标签,定义一个标有数字的列表; 248 249 <ul></ul>,列表标签,定义一个标有圆点的列表; 250 <li>,放在每个列表项之前; 251 放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点; 252 253 <div,align=""></div>,分区标签,用来排版大块HTML段落,也用于格式化表; 254 <MENU>,选项清单; 255 <DIR>,目录清单; 256 <nobr></nobr>,强行不换行; 257 <hr,size='9',width='80%',color='ff0000'>水平线(设定宽度); 258 <center></center>,水平居中. 259 260 链接标签: 261 <a,href="URL"></a>,创建超文本链接; 262 <a,href="mailtEMAIL"> 263 </a>,创建自动发送电子邮件的链接; 264 <a,name="name"></a>,创建位于文档内部的书签; 265 <a,href="#name"></a>,创建指向位于文档内部书签的链接; 266 <BASE>,文档中不能被该站点辨识的其它所有链接源的URL; 267 <LINK>,定义一个链接和源之间的相互关系; 268 269 链接标签注解: 270 target="...",决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top); 271 rel="...",发送链接的类型; 272 rev="...",保存链接的类型; 273 accesskey="...",指定该元素的热键; 274 shape="...",允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly); 275 coord="...",使用像素或者长度百分比来定义形状的尺寸; 276 tabindex="...",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点). 277 278 表格标签: 279 <table></table>,创建一个表格; 280 <tr></tr>,表格中的每一行; 281 <td></td>,表格中一行中的每一个格子; 282 <th></th>,设置表格头:通常是黑体居中文字; 283 <table,cellspacing="">,设置表格格子之间空间的大小; 284 <table,border="">,设置边框的宽度; 285 <table,cellpadding="">,设置表格格子边框与其内部内容之间空间的大小; 286 <table,width="">,设置表格的宽度.用绝对像素值或总宽度的百分比; 287 <table,align="">,设置表格格子的水平对齐方式(left,center,right,justify); 288 <tr,align="">,设置表格格子的水平对齐方式(left,center,right,justify); 289 <tr,valign="">,设置表格格子的垂直对齐方式(baseline,bottom,middle,top); 290 <td,colspan="">,设置一个表格格子跨占的列数(缺省值为1); 291 <td,rowspan="">,设置一个表格格子跨占的行数(缺省值为1); 292 <td,nowrap>,禁止表格格子内的内容自动断行; 293 <CAPTION></CAPTION>,表格的标题; 294 <COLGROUP></COLGROUP>,定义多个列为一组列; 295 <TABLE></TABLE>,创建一个表格; 296 <THEAD></THEAD>,定义表格的页眉; 297 <COL>,定义一个列组中的列,以便对它们能够同时设置有关属性; 298 <TBODY></TBODY>,定义一个表格的实体; 299 <TFOOT></TFOOT>,定义一个表格的页脚; 300 301 表单标签: 302 <form></form>,创建表单; 303 action="...",接收数据的服务器的URL; 304 method="...",HTTP的方法(get,,post),其中get是被反对使用的; 305 enctype="...",指定MIME(Internet媒体类型); 306 onsubmit="...",当提交表单时发生的内部事件; 307 noreset="...",在重新设置表单时发生的内部事件; 308 target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top) 309 <select,multiple,name="name",size=""></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目; 310 <option>,设置每个表单项的内容; 311 <select,name="name"></select>,创建下拉菜单; 312 <textarea,name="name",cols=40,rows=8></textarea>,创建一个文本框区域,列的数目设置宽度,行的数目设置高度; 313 <input,type="checkbox",name="name">,创建一个复选框,文字在标签后面; 314 <input,type="radio",name="name",value="">,创建一个单选框,文字在标志后面; 315 <input,type=text,name="foo",size=20>,创建一个单行文本输入区域,size设置以字符串的宽度; 316 <input,type="submit",value="name">,创建提交(submit)按钮; 317 <input,type="image",border=0,name="name",src="name.gif">,创建一个使用图象的提交(submit)按钮; 318 <input,type="reset">,创建重置(reset)按钮; 319 <BUTTON></BUTTON>,创建一个按钮; 320 disabled="...",把按钮的状态设置为不能; 321 name="...",按钮的控制名,value="...",按钮的值; 322 type="...",按钮的类型(button,,submit,,reset); 323 <FIELDSET></FIELDSET>,把相互关联的控件组合成一组; 324 <ISINDEX>,提示用户输入; 325 <LABEL></LABEL>,为一个控件提供标签; 326 <LEGEND></LEGEND>,为FIELDSET元素指定一标题; 327 <SELECT></SELECT>,为用户做选择创建各个选项; 328 <TEXTAREA></TEXTAREA>,创建一个允许用户多行输入的区域. 329 330 表单标签注解: 331 type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button); 332 name="...",控件的控制名(要求是除了submit和reset之外的任何名字); 333 value="...",控件的初始值; 334 checked="...",把一个单选钮设置为选中的状态; 335 disabled="...",把控件的状态设置为不能使用; 336 readonly="...",只对输入密码的文本框使用; 337 size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目; 338 src="...",一个图像控件的URL; 339 maxlength="...",指定可以输入的最多的字符数目; 340 alt="...",另外一种文本描述; 341 usemap="...",到客户端图形镜像的URL; 342 align="...",被反对.控制对齐方式(left,,center,,right,,justify); 343 tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序; 344 onfocus="...",当元素获得焦点时发生的事件; 345 onblur="...",当元素失去焦点时发生的事件; 346 onselect="...",当元素被选中时发生的事件; 347 onchang="...",当元素状态被改变时发生的事件; 348 accept="...",允许上载的文件类型. 349 350 帧标签(框架标签): 351 <frameset></frameset>,放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中; 352 <frameset,rows="value,value">,定义一个帧内的行数,可用像素值或高度百分比; 353 <frameset,cols="value,value">,定义一个帧内的列数,可用像素值或宽度百分比; 354 <frame>,定义一个帧内的单一窗或窗区域; 355 <noframes></noframes>,定义在不支持帧的浏览器中显示什么提示; 356 <frame,src="URL">,规定帧内显示的HTML文档; 357 <frame,name="name">,命名帧或区域以便别的帧可以指向它; 358 <frame,marginwidth="">,定义帧左右边缘的空白大小,必须大于等于1; 359 <frame,marginheight="">,定义帧上下边缘的空白大小,必须大于等于1; 360 <frame,scrolling="">,设置帧是否有滚动栏,其值可以是"yes","no",或"auto"; 361 <frame,noresize>,禁止用户调整一个帧的大小; 362 <IFRAME></IFRAME>,创建一个内联的帧; 363 scr="...",定义在帧中显示的内容的来源; 364 frameborder="...",定义帧之间的边界(0或1); 365 align="...",被反对,控制对齐方式(left,,center,,right,,justify); 366 height="...",帧的高度,width="..."帧的宽度; 367 <marquee>...</marquee>,普通卷动; 368 <marquee,behavior=slide>...</marquee>,滑动; 369 <marquee,behavior=scroll>...</marquee>,预设卷动; 370 <marquee,behavior=alternate>...</marquee>,来回卷动; 371 <marquee,direction=down>...</marquee>,向下卷动; 372 <marquee,direction=up>...</marquee>,向上卷动; 373 <marquee,direction=right></marquee>,向右卷动; 374 <marquee,direction='left'></marquee>,向左卷动; 375 <marquee,loop=2>...</marquee>,卷动次数; 376 <marquee,width=180>...</marquee>,设定宽度; 377 <marquee,height=30>...</marquee>,设定高度; 378 <marquee,bgcolor=FF0000>...</marquee>,设定背景颜色; 379 <marquee,scrollamount=30>...</marquee>,设定卷动距离; 380 <marquee,scrolldelay=300>...</marquee>,设定卷动时间; 381 <img,src="">,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框". 382 383 文档整体属性标签: 384 <body,bgcolor="">,设置背景颜色.使用名字或RGB的十六进制值; 385 <body,background="">,设置背景图片; 386 <body,bgsound="">,设置背景音乐; 387 <body,bgproperties="fixed">,固定背景图片(IE适用); 388 <body,text="">,设置文本颜色.使用名字或RGB的十六进制值; 389 <body,link="">,设置链接颜色.使用名,字或RGB的十六进制值; 390 <body,vlink="">,设置已使用的链接的颜色.使用名字或RGB的十六进制值; 391 <body,alink="">,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值; 392 <body,topmargin="">,设置页面的上边距; 393 <body,leftmargin="">,设置页面的左边距.