轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML 属性

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

HTML属性

  • 所有HTML元素都可以具有属性
  • 属性提供有关元素的其他信息
  • 属性始终在开始标记中指定
  • 属性通常以名称/值对的形式出现，例如： name =“ value”

href属性

<a>标记定义超链接。 href属性指定链接转到的页面的URL：

实例

<a href="https://www.begtut.com">Visit Begtut</a>
运行实例 »
您将在“ HTML链接”一章中了解有关链接的更多信息。

src属性

<img>标记用于将图像嵌入HTML页面。 src属性指定要显示的图像的路径：

实例

<img src="img_girl.jpg">
运行实例 »

宽度和高度属性

<img>标记还应该包含width和height属性，该属性指定图像的宽度和高度（以像素为单位）：

实例

<img src="img_girl.jpg" width="500" height="600">
运行实例 »

alt属性

如果由于某种原因而无法显示图像，则<img>标记的必需alt属性指定图像的备用文本。 这可能是由于连接速度慢或src属性错误，或者是用户使用屏幕阅读器引起的。

实例

<img src="img_girl.jpg" alt="Girl with a jacket">
运行实例 »

实例

看看如果我们尝试显示不存在的图像会发生什么： 
<img src="img_typo.jpg" alt="Girl with a jacket">
运行实例 »
您将在“ HTML图像”一章中了解有关图像的更多信息。

样式属性

style属性用于将样式添加到元素，例如颜色，字体，大小等。

实例

<p style="color:red;">This is a red paragraph.</p>
运行实例 »
您将在“ HTML样式”一章中了解有关样式的更多信息。

lang属性

您应该始终在<html>标记内包含lang属性，以声明网页的语言。 这旨在协助搜索引擎和浏览器。 以下示例将英语指定为语言： 
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
国家代码也可以添加到lang属性中的语言代码中。 因此，前两个字符定义HTML页面的语言，后两个字符定义国家/地区。 以下示例将英语指定为语言，将美国指定为国家： 
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
您可以在我们的HTML语言代码参考中查看所有语言代码。

标题属性

title属性定义了有关元素的一些额外信息。 当您将鼠标悬停在元素上时，title属性的值将显示为工具提示：

实例

<p title="I'm a tooltip">This is a paragraph.</p>
运行实例 »

我们建议：始终使用小写属性

HTML标准不需要小写的属性名称。 title属性（以及所有其他属性）可以使用大写或小写形式，例如title或TITLE 。 但是，W3C 建议在HTML中使用小写字母属性，并要求对更严格的文档类型（例如XHTML）使用小写字母属性。
在BEGTUT中，我们始终使用小写的属性名称。

我们建议：始终引用属性值

HTML标准不需要在属性值两边加上引号。 但是，W3C 建议使用HTML引号，并要求对更严格的文档类型（例如XHTML）使用引号。

好：

<a href="https://www.begtut.com/html/">Visit our HTML tutorial</a>

坏：

<a href=https://www.begtut.com/html/>Visit our HTML tutorial</a>
有时您必须使用引号。 本示例将无法正确显示title属性，因为它包含一个空格：

实例

<p title=About Begtut>
运行实例 »
在BEGTUT，我们始终在属性值周围使用引号。

单引号还是双引号？

在HTML中，属性值周围的双引号是最常见的，但是也可以使用单引号。 在某些情况下，当属性值本身包含双引号时，有必要使用单引号： 
<p title='John "ShotGun" Nelson'>
或相反亦然： 
<p title="John 'ShotGun' Nelson">
运行实例 »

章节总结

  • 所有HTML元素都可以具有属性
  • <a>的href属性指定链接转到的页面的URL。
  • <img>的src属性指定要显示的图像的路径
  • <img>的width和height属性提供图像的尺寸信息
  • <img>的alt属性为<img>提供备用文本
  • style属性用于将样式添加到元素，例如颜色，字体，大小等
  • <html>标记的lang属性声明网页的语言
  • title属性定义有关元素的一些额外信息

HTML属性参考

每个HTML元素的所有属性的完整列表在我们的HTML属性参考中列出。
❮ 上一页 下一页 ❯