HTML 速查列表
HTML 速查列表. 你可以打印它，以备日常使用。
HTML 基本文档
!DOCTYPE html>
html>
head>
title>文档标题title>
head>
body>
可见文本...
body>
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> （水平线）
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> （上标文本）
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 decoding="async" src="URL" alt="替换文本">a>
邮件链接： a href="mailto:webmaster@example.com">发送e-maila>
书签：
a id="tips">提示部分a>
a href="#tips">跳到提示部分a>
图像链接： a href="http://www.example.com/">img decoding="async" src="URL" alt="替换文本">a>
邮件链接： a href="mailto:webmaster@example.com">发送e-maila>
书签：
a id="tips">提示部分a>
a href="#tips">跳到提示部分a>
图片（Images）
img decoding="async" loading="lazy" src="URL" alt="替换文本" height="42" width="42">
样式/区块（Styles/Sections）
style type="text/css">
h1 {color:red;}
p {color:blue;}
p {color:blue;}
style>
div>文档中的块级元素div>
span>文档中的内联元素span>
div>文档中的块级元素div>
span>文档中的内联元素span>
无序列表
ul>
li>项目li>
li>项目li>
ul>
li>项目li>
li>项目li>
ul>
有序列表
ol>
li>第一项li>
li>第二项li>
ol>
li>第一项li>
li>第二项li>
ol>
定义列表
dl>
dt>项目 1dt>
dd>描述项目 1dd>
dt>项目 2dt>
dd>描述项目 2dd>
dl>
dt>项目 1dt>
dd>描述项目 1dd>
dt>项目 2dt>
dd>描述项目 2dd>
dl>
表格（Tables）
table border="1">
tr>
th>表格标题th>
th>表格标题th>
tr>
tr>
td>表格数据td>
td>表格数据td>
tr>
table>
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>
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）
< 等同于
> 等同于 >
© 等同于 ©
> 等同于 >
© 等同于 ©
