安装工具：HBuilder
工具使用好处：可以使用一边编码一边查看模式，有大量的代码提示，风格好看
<!DOCTYPE html><html> ???<head> ???????<meta charset="utf-8" /> ???????<title>HTML标签演示</title> ???</head> ???<body> ???????<a href="http://www.baidu.com" target="_blank">百度链接</a> ???????<b>加粗标签</b> ???????<p>段落标签</p> ???????<i>斜体标签</i> ???????<a href="超链接标签">超链接标签</a> ???????<!--行内元素最好不要--> ???????<span>行内元素标签</span> ???????<div>块级元素标签</div> ???????<address>地址标签</address> ???????<em>强调标签</em> ???????<strong>加粗强调标签</strong> ???????<u>超级链接标签</u> ???????<br />换行标签 ???????<del>删除标签</del> ???????<small>小字标签</small> ???????<big>大字标签</big> ???????<hr />水平线标签 ???????<pre> ???????????原样输出标签 ???????????空格换行都会显示 ???????</pre> ???????文本的上标<sub>下标</sub> ???????文本的下标<sup>上标</sup> ???????<p>这是一段文字<img src="img/古典美女7.jpg" width="50px" ????????????title="这是一张古典美女照片" alt="图片未显示" border="1"/></p> ???????<ul type="circle"> ???????????无序列表标签 ???????????<li>一</li> ???????????<li>二</li> ???????????<li>三</li> ???????</ul> ???????<ol type="a"> ???????????有序列表标签 ???????????<li><a href="#">链接1</a></li> ???????????<li><a href="#">链接2</a></li> ???????????<li><a href="#">链接3</a></li> ???????</ol> ???????<dl> ???????????<h5>定义标签</h5> ???????????<dt>第一章</dt> ???????????<dd>目录一</dd> ???????????<dd>目录二</dd> ???????????<dt>第二章</dt> ???????????<dd>目录一</dd> ???????????<dd>目录二</dd> ???????</dl> ???????<a href="#">回到顶部</a> ???</body></html>
WEB前端学习知识路线
原文地址：http://www.cnblogs.com/xiaoxiaoyisheng/p/7428944.html