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

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">拥有关于表格边框的附加信息。

属性值,确切表达一个目标或实体属性的质或量。

举例:

<div class="odiv"></div>//这里的class就是属性,odiv就是他的值;

<div id="odiv"></div>//这里的id就是属性,odiv就是他的值;

<div style="height:100px"></div>//这里的style就是属性,height:100px就是他的值;

<a href="#" title="这里是文字"></a>//title就是属性,“这里是文字”就是title的值。

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背景色


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6104356.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存