HTML 属性LOGIN

HTML 属性

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

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

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


实例

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
    <a href="http://www.php.cn">This is a link</a>
</body>
</html>

代码运行结果:

1.png

实例解释:通过点击上面的 “This is a link”会跳转到 http://www.w3school.com.cn 这个网站



属性例子 1:

<h1> 定义标题的开始。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<h1 align="center">标题</h1>
</body>
</html>

解释:让<h1>标题标题居中


属性例子 2:

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body bgcolor="yellow">
</body>
</html>

解释:上面代码的意思是将网页的背景颜色设成黄色


提示属性和属性值对大小写不敏感。而新版本的 (X)HTML 要求使用小写属性。


始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='Bill "HelloWorld" Gates'


HTML 属性参考手册

我们的完整的 HTML 参考手册提供了每个 HTML 元素可使用的合法属性的完整列表:

完整的 HTML 参考手册

下面列出了适用于大多数 HTML 元素的属性:

    属性        描述
    class    classname规定元素的类名(classname)
    id    id规定元素的唯一 id
    style    style_definition规定元素的行内样式(inline style)
    title    text规定元素的额外信息(可在工具提示中显示)

如需更多关于标准属性的信息,请访问:

HTML 标准属性参考手册


下一节
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <a href="http://www.php.cn">这是一个链接</a> </body> </html>
提交重置代码
章节课件