属性用于提供有关元素的额外或附加信息。
- 所有 HTML 元素都可以有属性。属性提供有关元素的附加信息。
- 它需要两个参数:名称和值。这些定义元素的属性并放置在元素的开始标记内。 name 参数采用我们想要分配给元素的属性的名称,值采用可以在元素上对齐的属性名称的属性值或范围。
- 每个名称都有一些必须写在引号内的值。
句法:
下面是一些 HTML 中最常用的属性:
- src 属性:如果我们想在网页中插入图片,那么我们需要使用 标签和 src 属性。我们需要将图像的地址指定为双引号内的属性值。
HTML
src Attribute
HTML
alt Attribute
HTML
Width and Height
HTML
id Attribute
Hello geeks
This is unique to this paragraph
This is also unique to this paragraph
HTML
title Attribute
Hover to see the effect
HTML
link Attribute
Click to open in the same tab
Click to open in a different tab
HTML
style Attribute
Hello GeeksforGeeks.
Hello GeeksforGeeks.
Hello GeeksforGeeks.
Hello GeeksforGeeks.
HTML
...
- 输出:
- alt 属性:顾名思义,这是一个备用标签,用于在主要属性(即 标签)无法显示分配给它的值时显示或显示某些内容。这也可用于向实际坐在编码端的开发人员描述图像。
HTML
alt Attribute
- 输出:
- 宽度和高度属性:该属性用于调整图像的宽度和高度。
示例:
HTML
Width and Height
- 输出:
- id 属性:此属性用于为元素提供唯一标识。当我们需要访问可能与其他元素具有相似名称的特定元素时,可能会出现这种情况。在这种情况下,我们为各种元素提供不同的 id,以便它们可以被唯一访问。扩展 id 使用的属性一般在 CSS 中使用,我们将在后面学习。
HTML
id Attribute
Hello geeks
This is unique to this paragraph
This is also unique to this paragraph
- title 属性: title 属性用于解释将鼠标悬停在其上的元素。行为因各种元素而异,但通常在加载或将鼠标指针悬停在其上时显示该值。
示例:
HTML
title Attribute
Hover to see the effect
- 输出:
- href 属性:此属性用于指定指向任何地址的链接。此属性与标签一起使用。 href 属性内的链接会链接到 标签内显示的文本。
单击文本后,我们将被重定向到链接。默认情况下,链接在同一标签中打开,但通过使用target属性并将其值设置为“_blank” ,我们将根据浏览器配置重定向到另一个选项卡或另一个窗口。
HTML
link Attribute
Click to open in the same tab
Click to open in a different tab
- 输出:
- style 属性:该属性用于为 HTML 元素提供各种 CSS(层叠样式表)效果,例如增加字体大小、更改字体系列、颜色等。详细说明请参阅 HTML |样式标签。下面的程序显示了一些与 style 属性相关的名称和值
HTML
style Attribute
Hello GeeksforGeeks.
Hello GeeksforGeeks.
Hello GeeksforGeeks.
Hello GeeksforGeeks.
- 输出:
- lang 属性:语言是用 lang 属性声明的。声明一种语言对于可访问性应用程序和搜索引擎很重要。
HTML
...
支持的浏览器:
- 谷歌浏览器
- 微软边缘
- 火狐
- 歌剧
- 苹果浏览器