怎么加td标签下的div样式_web前端第三节html-标签

Html标签是组成页面的基本元素

声明：元素和标签其实是一样的，不同的叫法而已!

HTML 提示：使用小写属性

属性和属性值对大小写不敏感。

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

---

标签的结束方式有半闭式标签和全闭式标签

半闭式标签比如

---

，由于这些标签不需要有内容或者所传递信息已经表达过，因此，结束方式是直接在标签末尾以/结束

全闭式标签比如：

,

,他们需要在标签内填写内容，为区别内容所属标签，因为需要内容标签>全闭式标签来表示

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

块级元素默认占据空间的一行

例如:

web前端实战教程html标签

我是第一个div

我是第二个div

浏览器效果如下:

dispaly:block

内联元素占据了元素的实际占用空间而非整个空间的一行

我们将上面2个div元素换成a元素，浏览器效果如下：

display:inlien

我们从firebug盒模型属性出可以看出，a标签是一个内联元素，占据了一定的宽度和高度，如果它是一个块状元素，那么它占用的宽度就是100%,因此，在实战环境中，特别是制作按钮菜单和图文块的时候，我们可以把a标签的display属性设置为block,来保证整个链接区域的宽度被100%占用。

为什么使用语义化标签？

我们知道html标签有很多，比如：title,h1,p,span,div,strong,em,form,input等等，我可以使用

content

显示内容为content，使用 content可以达到同样的效果啊。使用语义化标签原因有两点：

1. 特殊的元素有特别的功能：比如a标签，它可以通过标签属性href=”XXX”实现链接功能，form标签可以实现表单提交功能等。
2. 为了页面结构清晰，浏览器在解析页面的时候，是根据不同的元素类型来解析网页的，我们肉眼看到的显示效果，仅仅是效果。一个合适使用标签元素布局结构清晰生产的网页，对爬虫来说是非常友好的，SEO提高的同时大大利于我们的网页排名！

通常标签 替换加粗标签 来使用， 替换 标签使用。

然而，这些标签的含义是不同的： 与 定义粗体或斜体文本。 或者 意味着你要呈现的文本是重要的，所以要突出显示。

现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。更多的时候,我们把i标签使用成背景icon的元素来使用，比如：

Css样式里面我们写:.iconLogin{Width:20px;Height:20px;Background-image:ulr(“./image/iconLogin.png”) no-repeat;}