在 HTML 标签中,还可以设置一下属性。控制 HTML 标签建立的元素。这些属性位于所在元素的开始标签中。

提示:属性为 HTML 元素提供附加信息。这些额外的属性值可以配置元素或者以各种方式来调整元素的行为,进而满足用户所需的标准。

HTML 属性定义

  • HTML 标签中可以定义属性

  • 属性位于所在元素的开始标签中。

  • 属性是以"名称=值"的形式出现,例如:clase="w3run"

  • 多个属性用空格分隔。

基本语法格式如下:

<元素名称 属性1="值1" 属性2="值2" ... >

因此,在 HTML 文件中某个元素的完整定义语法如下:

<元素名称 属性1="值1" 属性2="值2">元素内容</元素名称>

提示:HTML 语法中,设置各属性所使用的”""“可以省略。

HTML 属性值加引号

属性值应该始终被包括在引号内,双引号和单引号都可以使用(建议使用双引号)。

注意:假如属性值本身就含有双引号,那么我们必须就使用单引号,例如:title='welcome to "w3run"'。

HTML 属性实例

HTML 图片由 img 标签定义。图片的地址由src属性定义:

<img src="http://www.w3run.com/logo.png" alt="图片属性" />

HTML 字体格式由 <font> 标签定义。字体的颜色由color属性定义:

<font color="#FFFFFF">HTML 属性 - w3教程</font>

提示:使用小写属性。虽然,属性和属性值对大小写不敏感,但是建议使用小写的"属性=属性值"。因为万维网联盟在 HTML 4 标准中推荐用小写的"属性=属性值",而又在新版本的 XHTML 要求使用小写属性。

HTML 核心属性 (Core Attributes)

以下几个标签不提供下面的属性:html、head、base、meta、param、script、style 和 title 元素。

属性名描述
id定义元素的全文唯一标识
class为html元素定义一个或多个类名(多个类名以空格分隔)
title描述了元素的额外信息
style规定元素的行内样式(inline style)

提示:属性id必须是全文档中唯一的。