Pro009-从零开始HTML[#009]——10分钟-HTML 属性

标签

#009_Concept_Attribute

    我们前面写的这么多教程里面，所有的展示网页页面都是白色的、原味的网页页面，这样看起来很枯燥，或许你会说，Vivi，我像加入点颜色，或者，改一些好看的字体等等等等。但是我们怎么加入呢？这就要用到今天所说的 HTML 属性Attribute，属性为 HTML 元素提供附加信息，使这些 HTML 元素展示样式变得更加的丰富。

如何设定 HTML 属性？

    首先，第一件重要的事情是，属性总是以名称="值"的形式出现，比如：name="value"。

    像之前所有教程中都会有的这个 charset="utf-8" />

    注意属性的值推荐使用双引号圈起来，虽然code editor和浏览器可能会十分聪明的识别出来，但是还是要求代码编写者本身妥善的处理好这些编写习惯。

属性形式示范

    第二件重要的事情，属性总是在 HTML 元素的开始标签中规定。

    例如我们之前做的表格元素，我们在 td 单元格元素中控制/设置内容的字体，用过 font 字体标签

属性在开始标签中就要进行设置

    th 元素和 td 元素中， bgcolor 的属性位于这两个元素的开始标签进行设置， font 元素中， size 的标签在这个元素的开始标签中进行设置。 

注意事项

    和 HTML 元素相同的是，按照W3C万维网联盟在其 HTML 4 推荐标准中，推荐小写的属性/属性值

    另外，属性值应该始终包括在引号内（属性值本身带双引号，则引用单引号）

实战训练

    下面提供一些常用的属性设置，请自行编辑进行熟悉。

属性实际训练

效果图