HTML 常用标记参考手册

HTML 常用标记参考手册. 你可以打印它，以备日常使用。

HTML 基本文档

< ! DOCTYPE html >
< html >
< head >
< title > 文档标题 </ title >
</ head >
< body >
可见文本...
</ body >
</ html >

文本格式化（Formatting）

< b > 粗体文本 </ b >
< code > 计算机代码 </ code >
< em > 强调文本 </ em >
< i > 斜体文本 </ i >
< kbd > 键盘输入 </ kbd >
< pre > 预格式化文本 </ pre >
< small > 更小的文本 </ small >
< strong > 重要的文本 </ strong >

< abbr >  （缩写）
< address >  （联系信息）
< bdo >  （文字方向）
< blockquote >  （从另一个源引用的部分）
< cite >  （工作的名称）
< del >  （删除的文本）
< ins >  （插入的文本）
< sub >  （下标文本）
< sup >  （上标文本）

链接（Links）

普通的链接： < a   href = " http://www.example.com/ " > 链接文本 </ a >
图像链接：  < a   href = " http://www.example.com/ " > < img   src = " URL "   alt = " 替换文本 " > </ a >
邮件链接：  < a   href = " mailto:webmaster@example.com " > 发送e-mail </ a >
书签：
< a   id = " tips " > 提示部分 </ a >
< a   href = " #tips " > 跳到提示部分 </ a >

图片（Images）

< img src = " URL " alt = " 替换文本 " height = " 42 " width = " 42 " >

样式/区块（Styles/Sections）

< style   type = " text/css " >

h1   { color: red  ; }
p   { color: blue  ; }

  </ style >
< div > 文档中的块级元素 </ div >
< span > 文档中的内联元素 </ span >

无序列表

< ul >
< li > 项目 </ li >
< li > 项目 </ li >
</ ul >

有序列表

< ol >
< li > 第一项 </ li >
< li > 第二项 </ li >
</ ol >

定义列表

< dl >
   < dt > 项目 1 </ dt >
     < dd > 描述项目 1 </ dd >
   < dt > 项目 2 </ dt >
     < dd > 描述项目 2 </ dd >
</ dl >

表格（Tables）

< table   border = " 1 " >
   < tr >
     < th > 表格标题 </ th >
     < th > 表格标题 </ th >
   </ tr >
   < tr >
     < td > 表格数据 </ td >
     < td > 表格数据 </ td >
   </ tr >
</ table >

框架（Iframe）

< iframe src = " demo_iframe.htm " > </ iframe >

表单（Forms）

< form   action = " demo_form.php "   method = " post/get " >
< input   type = " text "   name = " email "   size = " 40 "   maxlength = " 50 " >
< input   type = " password " >
< input   type = " checkbox "   checked = " checked " >
< input   type = " radio "   checked = " checked " >
< input   type = " submit "   value = " Send " >
< input   type = " reset " >
< input   type = " hidden " >
< select >
< option > 苹果 </ option >
< option   selected = " selected " > 香蕉 </ option >
< option > 樱桃 </ option >
</ select >
< textarea   name = " comment "   rows = " 60 "   cols = " 20 " > </ textarea >

</ form >