Appearance
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> | 引入外部资源 |
<!-- --> | 注释 |
提示
记不住没关系,先会用最常用的那几十个,剩下的用的时候查手册即可。实践是记忆的最好方式。