Skip to content

HTML 标签速查手册 ​

常用 HTML 标签一览,方便随手查阅。按用途分组。

文档结构 ​

标签作用
<!DOCTYPE html>HTML5 声明
<html>根标签
<head>头部信息
<body>可见内容
<title>页面标题
<meta>元数据

文本与标题 ​

标签作用
<h1> ~ <h6>一级到六级标题
<p>段落
<br>换行
<strong>加粗
<em>斜体
<mark>高亮
<blockquote>引用
<code>代码
<hr>水平分割线

链接与图片 ​

标签作用
<a>超链接
<img>图片
<figure>图文容器
<figcaption>图片说明

列表与表格 ​

标签作用
<ul>无序列表
<ol>有序列表
<li>列表项
<table>表格
<tr>行
<th>表头单元格
<td>单元格
<thead>/<tbody>表头/表体分组

表单 ​

标签作用
<form>表单容器
<input>输入框
<label>标签说明
<select>/<option>下拉选择
<textarea>多行文本
<button>按钮

区块与语义 ​

标签作用
<div>块级容器
<span>行内容器
<header>页头
<nav>导航
<main>主体
<section>章节
<article>文章
<aside>侧边栏
<footer>页脚

多媒体与其他 ​

标签作用
<video>视频
<audio>音频
<iframe>内嵌页面
<script>JavaScript
<style>样式
<link>引入外部资源
<!-- -->注释

提示

记不住没关系,先会用最常用的那几十个,剩下的用的时候查手册即可。实践是记忆的最好方式。

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