本文最后更新于 68 天前，其中的信息可能已经有所发展或是发生改变。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> 文档标题 </title>
</head>
<body>
<h1>
页面标题，后面的数字表示标题等级，这是一级标题
</h1>
<p>
p 标签，一个段落标签，里边的内容是一个段落
</p>
<a href="http://www.xiaoyaojingjv.cn">a 标签，定义一个超链接，点击跳转，href中指定要跳转到的链接</a>
<br>
<p>
br 标签表示换行
</p>
<img src="https://img.picgo.net/2025/04/22/bfd9dd5e9569d74b725ba4222a7c149d4a48bb92a48dc46.th.jpg"/>
<p>
img 标签显示图片，src指定显示的图片的链接，可以是网上的图片链接也可以是图片在项目中的具体路径
</p>
<hr>
<p> hr 标签是一条线，用于分割内容 </p>
<!-- 这是一个注释 -->
</body>
</html>
| 属性名 | 适用元素 | 说明 |
|---|---|---|
id | 所有元素 | 为元素指定唯一的标识符 |
class | 所有元素 | 为元素指定一个或多个类名，用于 CSS 或 JavaScript 选择 |
style | 所有元素 | 直接在元素上应用 CSS 样式 |
title | 所有元素 | 为元素提供额外的提示信息，通常在鼠标悬停时显示 |
data-* | 所有元素 | 用于存储自定义数据，通常通过 JavaScript 访问 |
href | <a>, <link> | 指定链接的目标 URL |
src | <img>, <script>, <iframe> | 指定外部资源（如图片、脚本、框架）的 URL |
alt | <img> | 为图像提供替代文本，当图像无法显示时显示 |
type | <input>, <button> | 指定输入控件的类型（如 text, password, checkbox 等） |
value | <input>, <button>, <option> | 指定元素的初始值 |
disabled | 表单元素 | 禁用元素，使其不可交互 |
checked | <input type="checkbox">, <input type="radio"> | 指定复选框或单选按钮是否被选中 |
placeholder | <input>, <textarea> | 在输入框中显示提示文本 |
target | <a>, <form> | 指定链接或表单提交的目标窗口或框架（如 _blank 表示新标签页） |
readonly | 表单元素 | 使输入框只读 |
required | 表单元素 | 指定输入字段为必填项 |
autoplay | <audio>, <video> | 自动播放媒体 |
onclick | 所有元素 | 当用户点击元素时触发 JavaScript 事件 |
onmouseover | 所有元素 | 当用户将鼠标悬停在元素上时触发 JavaScript 事件 |
onchange | 表单元素 | 当元素的值发生变化时触发 JavaScript 事件 |