Appearance
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 可以多个,空格分隔。