‘‘‘
<!DOCTPYE html> #文档类型 html
<html lang="en"> #文档语言
<head> #网页头文件
<meta charset="UTF-8"> #编码方式
<title>网页标题</title>
</head>
<body> #网页显示的内容全在body里面
<h1 id="biaoti001">一级标题</h1> #加id 方便链接跳转
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>
<p>段落,小tips:段落之间不是紧密连接的</p>
<br /> #换行
  #空格
< #less then 小于号<
< #greater then 大于号>
<div>表示块,跟段落不一样,块之间没有空隙</div>
<span>表示行内元素,一行中的一小块内容</span>
<em>强调词,自身是斜体</em>
<i>本来没有语气,表示专业词汇,也是斜体</i>
<b>加粗,文档中的关键词或产品名称</b>
<strong>加粗,表示非常重要的内容</strong>
<h3>有序列表</h3>
<ol>
<li>第一</li>
<li>第二</li>
<li>第三</li>
</ol>
<h3>无序列表</h3>
<ul>
<li><a href="#">无序一</a></li>
<li><a href="#">无序二</a></li>
<li><a href="#">无序三</a></li>
</ul>
<h3>定义列名</h3>
<dl>
<dt>html</dt> #定义术语的题目
<dd>页面的结构</dd> #术语的解释
<dt>css</dt>
<dd>页面的表现</dd>
<dt>JavaScript</dt>
<dd>负责页面的行为</dd>
</dl>
<img src="./images/resume.jpg" alt="图片"> #相对路径./同级目录 ../上级目录 alt是定义加载失败显示的名字
<a href = "#"></a> #表示链接到页面顶部
<a href="http://www.baidu.com/" title="百度">百度</a> #依次是链接的域名 鼠标移动到此显示名字 链接在你的网页显示的名字
<a href="2.html" title="测试页面" target="_blank">2</a> #当然可以链接你自己的网页 target重新开一个选项卡进行链接
<a href="http://www.baidu.com/" title="百度"><img src="./images/resume.jpg" alt="图片"></a> #将图片作为链接
<a href="#">当不知道链接的时候加一个缺省值</a> #链接到页面顶部
<a href="javascript:;">当不知道链接的时候加一个缺省值</a> #啥也不干
<a href="#biaoti01">跳转到标题</a> #页面内部跳转
</body>
</html> #呼应最开始
‘‘‘
原文：https://www.cnblogs.com/shuimohei/p/10459091.html