html属性是什么?请形象化一点描述!

html-css05

html属性是什么?请形象化一点描述!,第1张

1、什么是HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

举例来说,比如你用html标签定义一只猫,<cat></cat>

那么如何给这只猫设置颜色,年龄,大小,公母呢?

就是通过属性设置,比如

<cat name="Tom" color="black" age="2" size="25cm" gender="male"  ></cat>

即定义了一只名字叫Tom,黑色,2岁,体长25cm,性别是公的猫。

2、属性实例

HTML 链接由 <a>标签定义。链接的地址在 href 属性中指定:

<a href="http://www.w3school.com.cn">This is a link</a>

更多 HTML 属性实例

属性例子 1:

<h1>定义标题的开始。

<h1 align="center">拥有关于对齐方式的附加信息。

TIY : 居中排列标题

属性例子 2:

<body>定义 HTML 文档的主体。

<body bgcolor="yellow">拥有关于背景颜色的附加信息。

TIY : 背景颜色

属性例子 3:

<table>定义 HTML 表格。

<table border="1">拥有关于表格边框的附加信息。

所谓html属性,指的就是各个标签所具有的属性

最为常见的属性包括:id、class、name、style、type、value等

不同的标签还有各自的专属属性,比如表格元素所专用的 colspan rowspan

html属性是书写于标签当中的,如:

<input type="text" name="" id="">

input是标签名,而type、name、id都是这个标签的属性

当然,用户还可以自定义属性。

如果是新手学习HTML5,建议弄本书把基础知识打扎实,推荐看看《HTML5布局之路》学习一下