html简单的元素（标签）的实际应用

1.使用a元素进行点击图片特定区域跳转的例子：

<a href="地址 1" target="_blank">
    <img src="图 1" alt="" usemap="#h">`
</a>
<map name="h">
    <area shape="circle"	coords="130,150,20 "	href="地址2" target="_blank">
</map>

这就是能点击图一其他区域跳转到地址1，而点击图一的特定区域跳转到地址2去，
特定区域有圆形，矩形，多边形，还可以是整个图片。
default 规定全部区域。
rect 定义矩形区域。
circle 定义圆形。
poly 定义多边形区域。

2.span元素实际应用：
关于span元素，在一段话中只需要对几个重点进行样式编辑而不是整段时，就可以用到span元素。
例如：这句话中有两个字带颜色。如果要求颜色两个字字体颜色为红色，就可以用span元素达到你想要的样式。

这句话中有两个字带 <span	style="color:red"> 颜色</span>。

类似的用法还有：

 这句话中有三个字带 <span	style="text-decoration: underline;"> 下划线</span>。

几个字的加粗，下划线，重点，等等都可以用span元素实现。

3.pre标签
pre标签可以保存原有代码在中的样式

<pre>
十年无梦得还家，
独立青峰野水涯。
天地寂寥山雨歇，
几生修得到梅花？
 </pre>

呈现出来的就会是这四句分开的格式。
4.有序列表:

<ol>
   <li>这里是 1</li>
   <li>这里是 2</li> 
   <li>这里是 3</li> 
</ol>

ol里的type属性可以 更改排序的方法。可以 是123，abc等等。
不管有序无序列表都可以用list-style：none；的方式清除前面多余的东西。