HTML 速查列表

		

		
		
HTML 速查列表

---

HTML 速查列表. 你可以打印它，以备日常使用。

---

HTML 基本文档

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

---

基本标签（Basic Tags）

< h1 > 最大的标题 h1 > < h2 > . . . h2 > < h3 > . . . h3 > < h4 > . . . h4 > < h5 > . . . h5 > < h6 > 最小的标题 h6 >

<p>这是一个段落。p>
<br> （换行）
<hr> （水平线）
这是注释 –>

---

文本格式化（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:[email protected] " > 发送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>

---

实体（Entities）

< 等同于 < & gt ; 等同于 > © 等同于 ©