速查列表
基本文档
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>文档标题</title>
</head>
<body>
可见文本……
</body>
</html>
基本标签
<h1>最大的标题</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>最小的标题</h6>
<p>这是一个段落</p>
<br> （换行）
<hr> （水平线）
<!-- 这是注释 -->
文本格式化
<b>定义加粗文本</b>
<strong>定义加粗文本，同时还有加强语义的意思</strong>
<i>定义斜体文本</i>
<em>定义斜体文本，同时还有定义着重文字的意思</em>
<s>定义删除字（已废弃，不推荐使用）</s>
<strike>定义删除字（已废弃，不推荐使用）</strike>
<del>定义删除字</del>
<u>定义下划线（已废弃，不推荐使用）</u>
<ins>定义下划线，同时还有加强语义的意思</ins>
<small>定义缩小字体</small>
<big>定义放大字体</big>
<sup>定义上标</sup>
<sub>定义下标</sub>
<code>定义计算机输出的代码</code>
<kbd>定义键盘录入的代码</kbd>
<samp>定义计算机代码</samp>
<var>定义变量</var>
<tt>定义打字机文本</tt>
<pre>定义预格式文本，里面的多个空格 、多个空行
、多个换行不会消失，而是会保持文本最初的样子</pre>
<abbr title="中华人民共和国">中国</abbr> <!-- 定义缩写 -->
<acronym title="World Wide Web">WWW</acronym> <!-- 定义首字母缩写 -->
<address>定义地址</address>
<bdo dir="rtl">定义文字显示的方向</bdo> <!-- rtl 从右向左显示，ltr 从左向右显示 -->
<q>定义短的文本引用</q> <!-- 被引用的文本，会被加上双引号 -->
<blockquote>定义长的文本引用</blockquote> <!-- 被引用的文本无引号，且会另起一行 -->
<cite>定义引用、引证</cite>
<dfn>定义项目标签</dfn>
详见 文本格式化
链接
普通的链接：<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>
详见 链接标签 。
图像
<img loading="lazy" src="URL" alt="替换文本" height="42" width="42">
详见 图像标签 。
样式/区块
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
<div>文档中的块级元素</div>
<span>文档中的内联元素</span>
样式详见 HTML 样式 ，区块详见 区块标签 。
无序列表
<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>
列表详见 列表标签 。
表格
<table border="1">
<tr>
<th>表格标题</th>
<th>表格标题</th>
</tr>
<tr>
<td>表格数据</td>
<td>表格数据</td>
</tr>
</table>
表格详见 表格标签 。
内联框架
<iframe src="demo_iframe.html"></iframe>
内联框架详见 内联框架 。
<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="radio" checked="checked">
<input type="checkbox" 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>
表单详见 表单 。
实体
< 等同于 <
> 等同于 >
" 等同于 "
¥ 等同于 ¥
© 等同于 ©
实体详见 实体字符 。
