本文最后更新于 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 事件 |