标签：li3 span1 li2 span2 test div2
<!--4.br，换行，p标签一般表示一段连续的文字，p内的换行通过br实现，并不成对出现-->
<p>你觉得<br />你能<br />杀！死！我?! </p>
<!--5.hr:生成一条水平线，主要起装饰作用。单标签，最好闭合（加上/）-->
<hr/> <hr width="80%" align="center" color ="red" height="2px"/><!--默认为100%，黑色，1px-->
<!--6.a:实现超文本链接-->
<a href="http://baidu.com" title="百度" target="_blank">百度</a>
<!--href是跳转地址，title是鼠标放上去的提示，target有4个参数：
1、_blank 打开一个新页面
2、_self 把当前页面变为跳转结果
3、_parent 使得文档载入父窗口或者包含来超链接引用的框架的框架集
4、_top 使得文档载入包含这个超链接的窗口，将会清楚所有被包含的框架并将文档载入整个浏览器窗口
-->
<!--7.img:用来加载图片、图像。src:图片图像路径,alt:加载失败时显示的内容,title:鼠标移上去的提示文字-->
<!--8.span:与div一样，用于布局，不过div会单独占一行，span不会，用于行内布局-->
<div>div1</div>
<div>div2</div>
<span>span1</span>
<span>span2</span><!--不会换行，中间空一格-->
<!--9.ul/ol:前者是无序列表，后者是有序列表，列表内容都使用li标签,ul前面是黑点，ol有序号-->
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
<!--注释快捷键为:Ctrl+Shift+/ -->
标签：li3,
span1,
li2,
span2,
test,
div2
From： https://www.cnblogs.com/lsslcj/p/17968704