Html标签是组成页面的基本元素
声明：元素和标签其实是一样的，不同的叫法而已!
HTML 提示：使用小写属性
属性和属性值对大小写不敏感。
不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求使用小写属性。
标签的结束方式有半闭式标签和全闭式标签
半闭式标签比如<meta/><br/><hr/>，由于这些标签不需要有内容或者所传递信息已经表达过，因此，结束方式是直接在标签末尾以/结束
全闭式标签比如：<title></tiltle>,<p></p>,<h1></h1>,他们需要在标签内填写内容，为区别内容所属标签，因为需要<标签>内容</标签>全闭式标签来表示
Html5元素我们暂不涉及，因为牵涉到兼容性问题，并非所有的浏览器都支持html5元素，win7系统在全球依然占据着，而win7默认的浏览器是IE 9(通常，不计较各种sp版本)，IE9对html5支持并不友好
块级元素：
div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre
块级元素默认占据空间的一行
例如:
<!DOCtype html> <html> <head> <title>web前端实战教程html标签</title> </head> <body> <div>我是第一个div</div> <div>我是第二个div</div> </body> </html>
浏览器效果如下:
内联元素占据了元素的实际占用空间而非整个空间的一行
我们将上面2个div元素换成a元素，浏览器效果如下：
我们从firebug盒模型属性出可以看出，a标签是一个内联元素，占据了一定的宽度和高度，如果它是一个块状元素，那么它占用的宽度就是100%,因此，在实战环境中，特别是制作按钮菜单和图文块的时候，我们可以把a标签的display属性设置为block,来保证整个链接区域的宽度被100%占用。
为什么使用语义化标签？
我们知道html标签有很多，比如：title,h1,p,span,div,strong,em,form,input等等，我可以使用<div>content</div>显示内容为content，使用<span>content</span>可以达到同样的效果啊。使用语义化标签原因有两点：
- 特殊的元素有特别的功能：比如a标签，它可以通过标签属性href=”XXX”实现链接功能，form标签可以实现表单提交功能等。
- 为了页面结构清晰，浏览器在解析页面的时候，是根据不同的元素类型来解析网页的，我们肉眼看到的显示效果，仅仅是效果。一个合适使用标签元素布局结构清晰生产的网页，对爬虫来说是非常友好的，SEO提高的同时大大利于我们的网页排名！
通常标签 <strong> 替换加粗标签 <b> 来使用， <em> 替换 <i>标签使用。
然而，这些标签的含义是不同的： <b> 与<i> 定义粗体或斜体文本。 <strong> 或者 <em> 意味着你要呈现的文本是重要的，所以要突出显示。
现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。更多的时候,我们把i标签使用成背景icon的元素来使用，比如：
<i class=”iconLogin”></i>
Css样式里面我们写:
.iconLogin{
Width:20px;
Height:20px;
Background-image:ulr(“./image/iconLogin.png”) no-repeat;
}