HTML 教程 / HTML属性

HTML 属性

学习HTML标签属性的概念和使用方法。

什么是属性

属性(Attribute)用于为HTML元素提供附加信息。属性通常以名称-值对的形式出现,写在开始标签中。

属性语法
<标签名 属性名="属性值"> 

常见属性

href 属性

用于指定链接地址,常用于 <a> 标签:

示例
<a href="https://www.baidu.com">访问百度</a> 

src 属性

用于指定图像、视频等资源的地址:

示例
<img src="photo.jpg"> 

alt 属性

用于为图像提供替代文本,当图像无法显示时显示:

示例
<img src="photo.jpg" alt="风景图片"> 

title 属性

用于提供元素的额外信息,鼠标悬停时显示:

示例
<p title="这是一个段落">段落内容</p> 

width 和 height 属性

用于指定元素的宽度和高度:

示例
<img src="photo.jpg" width="500" height="300"> 

style 属性

用于为元素添加内联样式:

示例
<p style="color: red; font-size: 18px;">红色文字</p> 

属性值引号

属性值应该用引号括起来,推荐使用双引号

示例
<a href="page.html">链接</a> 
提示

HTML5允许属性值不使用引号,但为了代码规范和避免错误,建议始终使用引号。

💻 在线代码编辑器
👁️ 预览效果