HTML 速查列表
天天向上
发布： 2025-02-22 13:33:51
原创
208
人浏览过
以下是一个 HTML 速查列表，涵盖了常用的 HTML 标签、属性和其他常见元素。可以帮助你快速查看并了解 HTML 的基本语法和常用功能。
1. 文档结构
<!DOCTYPE html>：声明文档类型（HTML5）<html>：HTML 文档的根元素<head>：文档的头部，包含元数据、链接等<title>：定义文档的标题<meta>：定义元数据（如字符集、页面描述等）<body>：网页的主体部分，包含页面的内容
2. 文本内容
<h1> - <h6>：标题标签，<h1>为最大标题，<h6>为最小标题<p>：段落标签<br>：换行标签<hr>：水平线<strong>：加粗文本<em>：强调文本（通常为斜体）<blockquote>：块引用<q>：行内引用<pre>：预格式化文本（保留空格和换行）<code>：代码文本
3. 列表
<ul>：无序列表<ol>：有序列表<li>：列表项<dl>：定义列表<dt>：定义列表的术语<dd>：定义列表的描述
4. 超链接和引用
<a>：超链接href：指定链接目标target：指定链接的打开方式（如_blank在新标签页打开）<area>：定义图像地图中的可点击区域<link>：链接外部资源，如 CSS 样式表<meta>：定义页面的元数据（如 SEO、字符集等）
5. 图像和多媒体
<img>：嵌入图像src：指定图像文件的 URLalt：为图像提供备用文本（无图时显示）width、height：设置图像的尺寸<audio>：嵌入音频文件controls：显示播放控件<video>：嵌入视频文件controls：显示视频控件<source>：指定多媒体文件的来源（通常与<audio>或<video>一起使用）<iframe>：嵌入内嵌网页src：指定内嵌页面的 URL
6. 表格
<table>：定义表格<tr>：定义表格行<th>：定义表格头单元格<td>：定义表格数据单元格<thead>：定义表格头部<tbody>：定义表格主体<tfoot>：定义表格尾部<caption>：为表格添加标题<colgroup>：为表格列定义样式
7. 表单和输入
<form>：表单元素action：指定提交表单的目标 URLmethod：指定表单数据的提交方式（如GET或POST）<input>：输入字段type：指定输入类型（如text、password、submit、checkbox等）value：定义输入字段的默认值placeholder：为输入字段提供提示文本<textarea>：多行文本输入<button>：按钮type：指定按钮类型（如submit、reset、button）<select>：下拉菜单<option>：下拉菜单中的选项<label>：为表单元素定义标签<fieldset>：分组表单元素<legend>：为fieldset提供标题
8. 样式
<style>：内嵌 CSS 样式<link>：链接外部 CSS 文件class：指定 HTML 元素的类名id：指定 HTML 元素的唯一 IDstyle：为元素内联样式background-color：背景颜色color：文本颜色font-size：字体大小font-family：字体padding：内边距margin：外边距border：边框display：设置元素的显示方式（如block、inline、none）
9. 元数据
<meta>：定义页面的元数据charset：指定字符编码name：指定元数据的名称（如viewport、description、keywords）content：元数据的内容<title>：网页的标题<base>：为文档中的所有链接指定基本 URL
10. 常用属性
href：链接的 URL 地址（常用于<a>、<link>等）src：指定媒体或图像的 URL 地址（常用于<img>、<audio>、<video>等）alt：提供图像的替代文本（常用于<img>）target：指定链接的打开方式（常用于<a>）type：定义元素的类型（常用于<input>、<button>）value：定义输入字段的值（常用于<input>）
11. HTML 注释
<!-- 注释内容 -->：用于添加注释，浏览器不会显示注释内容
总结
这是一个常见的 HTML 速查列表，包括了大部分常用的 HTML 标签、属性以及常见的编写规则。在实际开发过程中，理解并熟练掌握这些标签和属性会帮助你高效编写网页。