当前位置:首页>HTML>HTML教程>HTML属性

HTML属性

作者:微学网发布时间:2019-08-05 06:16:46

属性提供有关HTML元素的其他信息。

HTML属性

  • HTML元素可以具有属性

  • 属性提供有关元素的其他附加信息

  • 始终在开始标签中指定属性

  • 属性有名称/值对,如:name =“value”

标题title属性

HTML段落使用<p>标记定义。

在此示例中,<p>元素具有title属性。该属性的值是“关于微学网”:

<!DOCTYPE html>
<html>
<body>

<p title="关于 微学网">
微学网是一个web开发者的学习网站
提供html、css、js、xml、sql、java、php、.net、python等众多学习教程和手册
欢迎常来学习
</p>

</body>
</html>

去试一试

将鼠标移到元素上时,标题将显示为工具提示。

href属性

HTML链接使用<a>标记定义。链接地址在href属性中指定:

<a href="http://www.weixue.wang/">这是一个链接到主页的链接</a>

去试一试

您将在本教程后面了解有关链接和<a>标记的更多信息。

大小属性

HTML图像使用<img>标记定义。

源(src)的文件名和图像的大小(宽度 和高度)都作为属性提供:

<img src="weixue.jpg" width="104" height="142">

图像大小以像素为单位指定:width =“104”表示104个屏幕像素宽。
您将在本教程后面了解有关图像和<img>标记的更多信息。

属性使用建议

始终使用小写属性

HTML5标准不需要小写属性名称。

title属性可以用大写或小写写成,如Title和/或TITLE。

W3C 建议使用HTML4小写,并要求 更严格的文档类型(如XHTML)使用小写。

小写是最常见的。小写字母更容易输入。在微学网,我们总是使用小写属性名称。

始终引用属性值

HTML5标准不需要围绕属性值的引号。
上面演示的href属性可以写成:

<a href=https://www.weixue.wang/>

W3C 推荐使用HTML4中的引号,并要求更严格的文档类型(如XHTML)引用。

比如:有时需要使用引号。以下无法正确显示,因为它包含一个空格:

<p title=about weixue>

使用引号是最常见的。省略引号可能会产生错误。 在微学网,我们总是使用属性值周围的引号。

单引号还是双引号?

双样式引号是HTML中最常见的,但也可以使用单一样式。
在某些情况下,当属性值本身包含双引号时,必须使用单引号:

<p title='张三 "李四" 王二麻子'>

或相反亦然:

<p title="张三 '李四' 王二麻子">

总结

  • 所有HTML元素都可以具有属性

  • HTML标题属性提供了额外的“提示”信息

  • HTML href属性提供链接的地址信息

  • HTML宽度和高度属性提供图像的大小信息

  • HTML alt属性为屏幕阅读器提供文本

  • 在微学网,我们总是使用写的 HTML属性名称

  • 在微学网,我们总是引用双引号的属性