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允许属性值不使用引号,但为了代码规范和避免错误,建议始终使用引号。
💻 在线代码编辑器
👁️ 预览效果