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

<html>标签

#009_Concept_Attribute

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

如何设定 HTML 属性?

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

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

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

属性形式示范

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

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

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

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

注意事项

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

    另外,属性值应该始终包括在引号内(属性值本身带双引号,则引用单引号)

实战训练

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

属性实际训练
效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,092评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,385评论 0 7
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1