html属性是什么？请形象化一点描述！

html-css07

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是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。

基本结构标志

<HTML>----------表示该文件为HTML文件

<HEAD>----------包含文件的标题，使用的脚本，样式定义等

<TITLE>HELLOWORLD！</TITLE>-包含文件的标题，标题出现在浏览器标题栏中

<HEAD>----------</HEAD>的结束标志

<BODY>--------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>

</HTML>----------<HTML>的结束标志

其它主要标志以下所有标志用在<BODY></BODY>中

<AHREF="…"></A>----------链接标志，“…”为链接的文件地址

<IMGSRC="…">----------显示图片标志，“…”为图片的地址

<BR>----------换行标志

<P>----------分段标志

<B></B>----------采用黑体字

<I></I>----------采用斜体字

<HR>----------水平画线

<TABLE></TABLE>----------定义表格，HTML中重要的标志

<TR></TR>----------定义表格的行，用在<TABLE></TABLE>中

<TD></TD>----------表格单元，用在<TR></TR>中

<FONT></FONT>----------字体样式标志

属性的用法：

属性是用来修饰标志的，属性放在开始标志内。

例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODYbgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLEbgcolor="BLACK"></TABLE>表示表格背景色为黑色。

常用属性：对齐属性范围属性

ALIGN=LEFT左对齐（缺省值）WIDTH=象素值或百分比对象宽度

ALIGN=CENTER居中HEIGHT=象素值或百分比对象高度

ALIGN=RIGHT右对齐色彩属性

COLOR=#RRGGBB前景色参考色彩对照表

BGCOLOR=#RRGGBB背景色