注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
HTML 是用来描述网页的一种语言。
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
只有 <body> 区域 (白色部分) 才会在浏览器中显示。
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
HTML 链接是通过标签 <a> 来定义的.
<a href="http://www.runoob.com">这是一个链接</a>
HTML 图像是通过标签 <img> 来定义的.
<img src="/images/logo.png" width="258" height="39" />
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。
<hr> 标签在 HTML 页面中创建水平线。
<!-- 这是一个注释 -->
在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签：
<p>这个<br>段落<br>演示了分行的效果</p>
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
<p>仅对于 IE 5 中的 acronym 元素有效。</p>
<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
<p>该段落文字从左到右显示。</p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
<p>WWF‘s goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
原文：https://www.cnblogs.com/chickenwrap/p/10064142.html