HTML语言剖析（二）HTML标记一览

谁借莪１个温暖的怀抱￠ 2022-08-25 12:55 201阅读 0赞

<table> 
 <tbody> 
 <tr> 
 <td>标记</td> 
 <td>类型</td> 
 <td>译名或意义</td> 
 <td>作 用</td> 
 <td>备注</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;HTML&gt;</td> 
 <td>●</td> 
 <td>文件声明</td> 
 <td>让浏览器知道这是 HTML 文件</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;HEAD&gt;</td> 
 <td>●</td> 
 <td>开头</td> 
 <td>提供文件整体资讯</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;TITLE&gt;</td> 
 <td>●</td> 
 <td>标题</td> 
 <td>定义文件标题，将显示于浏览顶端</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;BODY&gt;</td> 
 <td>●</td> 
 <td>本文</td> 
 <td>设计文件格式及内文所在</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;!--注解--&gt;</td> 
 <td>○</td> 
 <td>说明标记</td> 
 <td>为文件加上说明，但不被显示</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;P&gt;</td> 
 <td>○</td> 
 <td>段落标记</td> 
 <td>为字、画、表格等之间留一空白行</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;BR&gt;</td> 
 <td>○</td> 
 <td>换行标记</td> 
 <td>令字、画、表格等显示于下一行</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;HR&gt;</td> 
 <td>○</td> 
 <td>水平线</td> 
 <td>插入一条水平线</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;CENTER&gt;</td> 
 <td>●</td> 
 <td>居中</td> 
 <td>令字、画、表格等显示于中间</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;PRE&gt;</td> 
 <td>●</td> 
 <td>预设格式</td> 
 <td>令文件按照原始码的排列方式显示</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;DIV&gt;</td> 
 <td>●</td> 
 <td>区隔标记</td> 
 <td>设定字、画、表格等的摆放位置</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;NOBR&gt;</td> 
 <td>●</td> 
 <td>不折行</td> 
 <td>令文字不因太长而绕行</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;WBR&gt;</td> 
 <td>●</td> 
 <td>建议折行</td> 
 <td>预设折行部位</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;STRONG&gt;</td> 
 <td>●</td> 
 <td>加重语气</td> 
 <td>产生字体加粗 BOLD 的效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;B&gt;</td> 
 <td>●</td> 
 <td>粗体标记</td> 
 <td>产生字体加粗的效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;EM&gt;</td> 
 <td>●</td> 
 <td>强调标记</td> 
 <td>字体出现斜体效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;I&gt;</td> 
 <td>●</td> 
 <td>斜体标记</td> 
 <td>字体出现斜体效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;TT&gt;</td> 
 <td>●</td> 
 <td>打字字体</td> 
 <td>COURIER字体，字母宽度相同</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;U&gt;</td> 
 <td>●</td> 
 <td>加上底线</td> 
 <td>加上底线</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;H1&gt;</td> 
 <td>●</td> 
 <td>一级标题标记</td> 
 <td>变粗变大加宽，程度与级数反比</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;H2&gt;</td> 
 <td>●</td> 
 <td>二级标题标记</td> 
 <td>将字体变粗变大加宽</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;H3&gt;</td> 
 <td>●</td> 
 <td>三级标题标记</td> 
 <td>将字体变粗变大加宽</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;H4&gt;</td> 
 <td>●</td> 
 <td>四级标题标记</td> 
 <td>将字体变粗变大加宽</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;H5&gt;</td> 
 <td>●</td> 
 <td>五级标题标记</td> 
 <td>将字体变粗变大加宽</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;H6&gt;</td> 
 <td>●</td> 
 <td>六级标题标记</td> 
 <td>将字体变粗变大加宽</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;FONT&gt;</td> 
 <td>●</td> 
 <td>字形标记</td> 
 <td>设定字形、大小、颜色</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;BASEFONT&gt;</td> 
 <td>○</td> 
 <td>基准字形标记</td> 
 <td>设定所有字形、大小、颜色</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;BIG&gt;</td> 
 <td>●</td> 
 <td>字体加大</td> 
 <td>令字体稍为加大</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;SMALL&gt;</td> 
 <td>●</td> 
 <td>字体缩细</td> 
 <td>令字体稍为缩细</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;STRIKE&gt;</td> 
 <td>●</td> 
 <td>画线删除</td> 
 <td>为字体加一删除线</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;CODE&gt;</td> 
 <td>●</td> 
 <td>程式码</td> 
 <td>字体稍为加宽如&lt;TT&gt;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;KBD&gt;</td> 
 <td>●</td> 
 <td>键盘字</td> 
 <td>字体稍为加宽，单一空白</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;SAMP&gt;</td> 
 <td>●</td> 
 <td>范例</td> 
 <td>字体稍为加宽如&lt;TT&gt;</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;VAR&gt;</td> 
 <td>●</td> 
 <td>变数</td> 
 <td>斜体效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;CITE&gt;</td> 
 <td>●</td> 
 <td>传记引述</td> 
 <td>斜体效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;BLOCKQUOTE&gt;</td> 
 <td>●</td> 
 <td>引述文字区块</td> 
 <td>缩排字体</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;DFN&gt;</td> 
 <td>●</td> 
 <td>述语定义</td> 
 <td>斜体效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;ADDRESS&gt;</td> 
 <td>●</td> 
 <td>地址标记</td> 
 <td>斜体效果</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;SUB&gt;</td> 
 <td>●</td> 
 <td>下标字</td> 
 <td>下标字</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;SUP&gt;</td> 
 <td>●</td> 
 <td>上标字</td> 
 <td>指数（平方、立方等）</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;OL&gt;</td> 
 <td>●</td> 
 <td>顺序清单</td> 
 <td>清单项目将以数字、字母顺序排列</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;UL&gt;</td> 
 <td>●</td> 
 <td>无序清单</td> 
 <td>清单项目将以圆点排列</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;LI&gt;</td> 
 <td>○</td> 
 <td>清单项目</td> 
 <td>每一标记标示一项清单项目</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;MENU&gt;</td> 
 <td>●</td> 
 <td>选单清单</td> 
 <td>清单项目将以圆点排列，如&lt;UL&gt;</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;DIR&gt;</td> 
 <td>●</td> 
 <td>目录清单</td> 
 <td>清单项目将以圆点排列，如&lt;UL&gt;</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;DL&gt;</td> 
 <td>●</td> 
 <td>定义清单</td> 
 <td>清单分两层出现</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;DT&gt;</td> 
 <td>○</td> 
 <td>定义条目</td> 
 <td>标示该项定义的标题</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;DD&gt;</td> 
 <td>○</td> 
 <td>定义内容</td> 
 <td>标示定义内容</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;TABLE&gt;</td> 
 <td>●</td> 
 <td>表格标记</td> 
 <td>设定该表格的各项参数</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;CAPTION&gt;</td> 
 <td>●</td> 
 <td>表格标题</td> 
 <td>做成一打通列以填入表格标题</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;TR&gt;</td> 
 <td>●</td> 
 <td>表格列</td> 
 <td>设定该表格的列</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;TD&gt;</td> 
 <td>●</td> 
 <td>表格栏</td> 
 <td>设定该表格的栏</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;TH&gt;</td> 
 <td>●</td> 
 <td>表格标头</td> 
 <td>相等于&lt;TD&gt;，但其内之字体会变粗</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;FORM&gt;</td> 
 <td>●</td> 
 <td>表单标记</td> 
 <td>决定单一表单的运作模式</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;TEXTAREA&gt;</td> 
 <td>●</td> 
 <td>文字区块</td> 
 <td>提供文字方盒以输入较大量文字</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;INPUT&gt;</td> 
 <td>○</td> 
 <td>输入标记</td> 
 <td>决定输入形式</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;SELECT&gt;</td> 
 <td>●</td> 
 <td>选择标记</td> 
 <td>建立 POP-UP 卷动清单</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;OPTION&gt;</td> 
 <td>○</td> 
 <td>选项</td> 
 <td>每一标记标示一个选项</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;IMG&gt;</td> 
 <td>○</td> 
 <td>图形标记</td> 
 <td>用以插入图形及设定图形属性</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;A&gt;</td> 
 <td>●</td> 
 <td>连结标记</td> 
 <td>加入连结</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;BASE&gt;</td> 
 <td>○</td> 
 <td>基准标记</td> 
 <td>可将相对 URL 转绝对及指定连结目标</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;FRAMESET&gt;</td> 
 <td>●</td> 
 <td>框架设定</td> 
 <td>设定框架</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;FRAME&gt;</td> 
 <td>○</td> 
 <td>框窗设定</td> 
 <td>设定框窗</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;IFRAME&gt;</td> 
 <td>○</td> 
 <td>页内框架</td> 
 <td>于网页中间插入框架</td> 
 <td>IE</td> 
 </tr> 
 <tr> 
 <td>&lt;NOFRAMES&gt;</td> 
 <td>●</td> 
 <td>不支援框架</td> 
 <td>设定当浏览器不支援框架时的提示</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;MAP&gt;</td> 
 <td>●</td> 
 <td>影像地图名称</td> 
 <td>设定影像地图名称</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;AREA&gt;</td> 
 <td>○</td> 
 <td>连结区域</td> 
 <td>设定各连结区域</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;BGSOUND&gt;</td> 
 <td>○</td> 
 <td>背景声音</td> 
 <td>于背景播放声音或音乐</td> 
 <td>IE</td> 
 </tr> 
 <tr> 
 <td>&lt;EMBED&gt;</td> 
 <td>○</td> 
 <td>多媒体</td> 
 <td>加入声音、音乐或影像</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">&lt;MARQUEE&gt;</td> 
 <td>●</td> 
 <td>走动文字</td> 
 <td>令文字左右走动</td> 
 <td>IE</td> 
 </tr> 
 <tr> 
 <td>&lt;BLINK&gt;</td> 
 <td>●</td> 
 <td>闪烁文字</td> 
 <td>闪烁文字</td> 
 <td>NC</td> 
 </tr> 
 <tr> 
 <td>&lt;ISINDEX&gt;</td> 
 <td>○</td> 
 <td>页内寻找器</td> 
 <td>可输入关键字寻找于该一页</td> 
 <td>反对</td> 
 </tr> 
 <tr> 
 <td>&lt;META&gt;</td> 
 <td>○</td> 
 <td>开头定义</td> 
 <td>让浏览器知道这是 HTML 文件</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;LINK&gt;</td> 
 <td>○</td> 
 <td>关系定义</td> 
 <td>定义该文件与其他 URL 的关系</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td colspan="5">STYLESHEET</td> 
 </tr> 
 <tr> 
 <td>&lt;STYLE&gt;</td> 
 <td>●</td> 
 <td>样式表</td> 
 <td>控制网页版面</td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>&lt;SPAN&gt;</td> 
 <td>●</td> 
 <td>自订标记</td> 
 <td>独立使用或与样式表同用</td> 
 <td>&nbsp;</td> 
 </tr> 
 </tbody> 
</table>

注：

* ● 表示该标记属围堵标记，即需要关闭标记如 </标记>。
 * ○ 表示该标记属空标记，即不需要关闭标记。
 * IE 表示该标记只适用于 INTERNET EXPLORER。
 * NC 表示该标记只适用于 NETSCAPE COMMUNICATOR。
 * 反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。
 * 弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。
 * 新 表示该标记是 HTML 4.0 中新增的。