html入门教程(初学者) -HTML属性 - 书目录

html入门教程(初学者) -HTML属性

HTML属性

<!DOCTYPE html>

<html>

<head>

	<title>Fruit</title>

</head>

<body>

	<h1>Favorite Fruit</h1>

	<p>In order of preference:</p>

	<ol start="10">

		<li>Bananas</li>

		<li>Oranges</li>

		<li>Lychees</li>

	</ol>

</body>

</html>

在上面的例子中,<ol>标签已经添加了一个属性。该属性被调用start 它的价值是 10。该属性允许我们指定在哪个数字开始列表。在这种情况下,我们已经告诉它从10开始。

属性如何工作

属性是可以插入到HTML标签内的额外代码片段。它们允许您定义HTML元素应该如何呈现或应该如何表现。

属性被插入到开始标签中,标签名称和大于sign(>)的结束之间。喜欢这个:

<tagname attributename="value">
	 ...
</tagname>

属性通常写为名称值对。所以在这个例子中start=”10″,开始 是属性名称,并且 10是它的价值。通过改变这个值,我们可以改变元素的显示方式。例如,我们可以改变它,start=”5″并且输出将会不同(即列表将从5开始而不是10开始)。

布尔属性

一些属性可以写入没有价值。这些被称为布尔属性。例如,您可以添加reversed到上面的列表中而不指定值。

<ol reversed>
	...
</ol>

只需添加属性名称就足以将其值设置为true(并且它将执行其预期功能 – 在这种情况下,可以颠倒列表中标记的顺序)。因此,不需要添加任何值 – 您可以省略它或包含其名称。

话虽如此,你也可以使用reversed=”reversed”,甚至reversed=””因为它们都等同于简单使用reversed。

必需与可选

大多数HTML属性是可选的 – 您可以选择是否包含它们。但是,一些HTML标签要求存在某些属性。这通常是因为如果没有一个或多个属性提供的附加参数,标记就无法运行。嵌入式图像就像这样工作 – 您必须使用属性来提供要显示的图像的位置。我们稍后会在本教程中介绍图像。

并非所有属性都可以用于所有HTML标签。有些属性只允许在某些标签上。但是有一些属性可以用于所有HTML元素。

全局属性

全局属性是一组可用于任何HTML标记的属性。其他属性只能用于选定的标签,但全局属性可用于所有标签。

如果您有兴趣,请参阅HTML5支持的全部属性的完整列表。

事件处理程序内容属性

事件处理程序内容属性是一种特殊类型的属性,它允许您将JavaScript代码合并到HTML文档中。JavaScript可以提供网页功能的巨大改进。

例如,该onclick属性允许您在用户单击元素时运行JavaScript代码。JavaScript代码可以是一个简单的脚本或一个复杂的程序,可以做各种奇怪而美妙的事情。

您可以像编写其他任何属性一样书写这些内容。例如,当有人点击以下列表时,onclick事件处理程序内容属性将调用一个名为的JavaScript函数doSomething():

<ol onclick="doSomething();">
	...
</ol>

当然,你需要编写一个JavaScript函数,doSomething()但这是另一个教程…

如果您有兴趣,下面是HTML5支持的事件处理程序内容属性的完整列表。

但是,我们不要超越自己。现在你需要知道的是,这些类型的属性是可用的。

133664

 

英语原文:http://www.html.am/html-tutorial/html-attributes.cfm