HTML 标记大全 参考代码(完整)

html标记大全参考手册 
1.文件结构 
 文件类型 <html></html> (放在文档的开头与结尾)  
 文件主题 <title></title> (必须放在「文头」区块内)  
 文头 <head></head> (描述性资料,如「主题」)  
 文体 <body></body> (文件主体) 2.结构性定义(由浏览器控制的显示风格)  
 标题 <h?></h?> (从1到6,有六层选择)  
 标题的对齐 <h? align=left/center/right></h?>  
 区块 <div></div>  
 区块的对齐 <div align=left/right/center/justify></div>  
 引文区块 <blockquote></blockquote> (通常会内缩) 
 强调 <em></em> (通常会以斜体显示) 
 特别强调 <strong></strong> (通常会以加粗显示)  
 引文 <cite></cite> (通常会以斜体显示) 
 码 <code></code> (显示原代码)  
 样本 <samp></samp>  
 键盘输入 <kbd></kbd>  
 变数 <var></var>  
 定义 <dfn></dfn> (有些浏览器不提供)  
 地址 <address></address>  
 大字 <big></big>  

 
 
 小字 <small></small> 3.与外观相关的标签(作者自定的表现方式)  
 加粗 <b></b>  
 斜体 <i></i>  
 底线 <u></u> (尚有些浏览器不提供)  
 删除线 <s></s> (尚有些浏览器不提供)  
 下标 <sub></sub>  
 上标 <sup></sup>  
 打字机体 <tt></tt> (用单空格字型显示)  
 预定格式 <pre></pre> (保留文件中空格的大小)  
 预定格式的宽度 <pre width=?></pre>(以字符计算)  
 居中对齐 <center></center> (文字与图片都可以)  
 闪耀 <blink></blink> (有史以来最被嘲弄的标签) 
 字体大小 <font size=?></font>(从1到7)  
 改变字体大小 <font size=+/-?></font>  
 基本字体大小 <basefont size=?> (从1到7; 默认为3)  
 字体颜色 <font color="#$$$$$$"></font>  4. 链接与图像  
 链接 <a href="url"></a>  
 链接到锚点 <a href="url#***"></a>(如果锚点在另一个档案)  
 <a href="#***"></a> (如果锚点目前的档案)  
 链接到目的视框 <a href="url" target="***"></a>  

 
 
 设定锚点 <a name="***"></a>  
 图像 <img src="url">  
 图像对齐方式 <img src="url" align=top/bottom/middle>  
 图像对齐方式 <img src="url" 
align=left/right/texttop/absmiddle/baseline/absbottom
>  
 取代文字 <img src="url" alt="***"> (如果浏览器不能显示图像则显
示此文字)  
 点选图 <img src="url" ismap> (需要cgi程式) 
 点选图 <img src="url" usemap="url"> 
 地图 <map name="***"></map>(描述地图)  
 段落 <area shape="rect" coords=",,," href="url"/nohref>  
 大小 <img src="url" width="?" height="?">(以pixels为单位)  
 图像边缘 <img src="url" border=?> (以pixels为单位)  
 图像边缘空间 <img src="url" hspace=? vspace=?> (以pixels为
单位)  
 低解析度图形 <img src="url" lowsrc="url">  
 用户端拉 <meta http-equiv="refresh" content="?; url=url">
(使用端自动更新 )  
 内嵌物件 <embed src="url"> (将物件插入页面)  
 内嵌物件大小 <embed src="url" width="?" height="?">  5.分隔  

 
 
 段落 <p> (通常是两个return)  
 段落 <p></p> (新定义成容器型标签)  
 文字对齐方式 <p align=left/center/right></p>  
 换行 <br> (一个return)  
 文字对齐方式<br clear=left/right/all>(与图形合用时) 
 横线 <hr>  
 横线对齐 <hr align=left/right/center>  
 横线厚度 <hr size=?> (以pixels为单位)  
 横线宽度 <hr width=?> (以pixels为单位)  
 横线宽度比率 <hr width=%> (以页宽为100%)  
 实线 <hr noshade> (没有立体效果)  
 不可换行 <nobr></nobr> (不换行) 
 可换行处 <wbr> (如果需要,可在此断行)  6.列表  
 无序列表 <ul><li></ul> (<li> 放在每一项前)  
 公布式列表 <ul type=disc/circle/square>(定义全部的列表项)  
 <li type=disc/circle/square>(定义这个及其後的列表项)  
 有序列表 <ol><li></ol> (<li> 放在每一项前) 
 数标类型 <ol type=a/a/i/i/1> (定义全部的列表项) 
 <li type=a/a/i/i/1> (定义这个及其後的列表项) 
 起始数字 <ol value=?> (定义全部的列举项)  
 <li value=?> (定义这个及其後的列表项) 

 
 
 定义式列表 <dl><dt><dd></dl>(<dt>项目, <dd>定义)  
 表单式列表 <menu><li></menu>(<li> 放在每一项前)  
 目录式列表 <dir><li></dir> (<li> 放在每一项前) 7.背景与颜色  
 背景 <body background="url">  
 背景颜色 <body bgcolor="#$$$$$$"> (依序为红、绿、蓝即
rrggbb)  
 文字颜色 <body text="#$$$$$$">  
 链接颜色 <body link="#$$$$$$"> 
 点过的链接 <body vlink="#$$$$$$">  
 使用中的链接 <body alink="#$$$$$$">  8.特殊字 
 版权所有 © &copy; 
 注册商标 ® &reg; 
 商标符号 ™ &trade;  
 空格符 &nbsp; 9.表单 (通常需要与cgi程式配合)  
 定义表单 <form action="url" method=get/post></form>  
 上传文档 <form enctype="multipart/form-data"></form>  
 表单控件类型 <input 
type="text/password/checkbox/radio/image/hidden/sub
mit/reset">  

 
 
 表单控件内设值 <input value="***">  
 已选定 <input checked> (适用於checkboxes与 radio boxes) 
 表单控件宽度 <input size=?> (以字符数为单位)  
 最长字符数 <input maxlength=?> (以字符数为单位)  
 下拉式选单 <select></select>  
 下拉式选单名称 <select name="***"></select>  
 选单项目数量 <select size=?></select>  
 多选式选单 <select multiple> (多选)  
 选项 <option> 
 内定选项 <option selected>  
 文字输入区 <textarea rows=? cols=?></textarea>  
 输入区名称 <textarea name="***"></textarea>  
 输入区换行方式 <textarea 
wrap=off/virtual/physical></textarea>  10.表格 
 定义表格 <table></table>  
 表格边框 <table border=?></table>(可以设定数值,0为无边框)  
 单元格左右间距 <table cellspacing=?>  
 单元格上下间距 <table cellpadding=?> 
 表格宽度 <table width=?> (以pixels为单位)  
 表格宽度比率 <table width=%> (页宽为100%)  
 表格行 <tr></tr>  

 
 
 表格行内容对齐 <tr align=left/right/center 
valign=top/middle/bottom>  
 单元格 <td></td> (须与tr并用)  
 单元格内容对齐 <td align=left/right/center 
valign=top/middle/bottom>  
 不换行 <td nowrap>  
 单元格背景颜色 <td bgcolor=#$$$$$$>  
 单元格占几列 <td colspan=?>  
 单元格占几行 <td rowspan=?>  
 单元格宽度 <td width=?> (以pixels为单位)  
 单元格宽度比率 <td width=%> (页宽为100%)  
 标题格 <th></th> (跟<td>一样,不过会对中并加粗)  
 标题格对齐 <th align=left/right/center 
valign=top/middle/bottom>  
 标题格不换行 <th nowrap>  
 标题格占几列 <th colspan=?>  
 标题格占几行 <th rowspan=?>  
 标题格宽度 <th width=?> (以pixels为单位) 
 标题格宽度比率 <th width=%> (页宽为100%) 
 表格标头 <caption></caption>  
 表格标头位置 <caption align=top/bottom>(在表格之上/之下)  11.视框 (定义与控制屏幕上的特定区域)  

 
 
 视框格式总定义 <frameset></frameset> (取代<body>)  
 视框行长度分配 <frameset rows=,,,></frameset>(pixels 或 %)  
 视框行长度分配 <frameset rows=*></frameset> (* = 相对大
小)  
 视框栏宽度分配 <frameset cols=,,,></frameset>(pixels 或 %)  
 视框栏宽度分配 <frameset cols=*></frameset> (* =相对大小)  
 定义个别视框 <frame> (定义个别视框)  
 个别视框内容 <frame src="url">  
 个别视框名称 <frame name="***"/_blank/_self/_parent/_top>  
 边缘宽度 <frame marginwidth=?> (「左」与「右」边界)  
 边缘高度 <frame marginheight=?> (「天顶」与「地底」边界)  
 滚动条 <frame scrolling="yes/no/auto"> 
 不可改变大小 <frame noresize>  
 无视框时的内容 <noframes></noframes>(如果浏览器不提供视框
功能时所显示的内容)  12.杂项  
 说明 (浏览器不会显示)  
 文档类型声明 <!doctype html public "-//ietf//dtd html 
2.0//en">  
 文档类型声明 <!doctype html public "-//w3o//dtd w3 html 
3.0//en">  
 可搜寻 <isindex> (指示可搜寻的索引项)  

 
 
 提示 <isindex prompt="***"> (要求输入的提示文字)  
 送出搜寻条件 <a href="url?***"></a> (其中的问号不是数字,而是
「问号」)  
 基本文档的url <base href="url"> (必须放在「文头」区块内)  
 基本视窗名称 <base target="***"> (必须放在「文头」区块内)  
 相关性 <link rev="***" rel="***" href="url"> (必须放在「文头」
区块内)  
 背景资讯 <meta> (必须放在「文头」区块内)