Skip to content

HTML 属性 ​

标签可以带"属性"(attribute)来进一步描述或控制它。属性写在开始标签里。

属性写法 ​

html
<a href="https://example.com">链接</a>
<img src="logo.png" alt="logo" width="100">
<input type="text" placeholder="请输入">

每个属性都是 名="值" 的形式,写在标签名后面,多个属性用空格隔开。

全局属性(所有标签通用) ​

属性作用示例
id唯一标识,用于定位/锚点id="main"
class类名,配合 CSS 样式class="card"
title悬停提示文字title="提示"
style行内样式style="color:red"
lang语言lang="zh-CN"
hidden隐藏元素hidden
data-*自定义数据data-id="123"

常用元素属性 ​

标签属性作用
<a>href / target跳转地址 / 打开方式
<img>src / alt / width图片地址 / 替代文字 / 宽度
<input>type / placeholder类型 / 占位提示
<video>controls / autoplay控件 / 自动播放
<form>action / method提交地址 / 方式
<td>colspan / rowspan跨列 / 跨行

布尔属性 ​

有些属性不需要值,写了就表示"开",叫布尔属性:

html
<input type="text" disabled>   <!-- disabled 存在即禁用 -->
<video src="a.mp4" controls>   <!-- controls 存在即显示控件 -->

示例:完整运用 ​

html
<h2 id="intro" class="title" title="这是介绍">章节介绍</h2>
<img src="photo.jpg" alt="风景照片" width="400">

建议

id 全页唯一,不要重复;class 可以多个,空格分隔。

HTML 入门教程 · 零基础学做网页 · 每页带代码示例