HTML 常用标签速查表

HTML 常用标签速查表


🧱 结构类标签

标签 含义 用途说明
<html> HTML文档根元素 所有HTML内容的根节点
<head> 头部信息 放置元信息,如标题、引入CSS/JS等
<body> 页面内容主体 所有可视内容的容器

📝 文本与标题标签

标签 含义 用途说明
<h1> ~ <h6> 标题 <h1>最大,依次变小
<p> 段落 用于段落文本
<br> 换行 强制换行(单标签)
<hr> 水平线 用于分隔内容(单标签)
<strong> 强调加粗 语义强调,视觉加粗
<em> 斜体强调 表示语义上强调
<b> 加粗 仅视觉加粗,无语义
<i> 斜体 仅视觉斜体,无语义
<span> 行内容器 无语义,便于样式控制
<div> 区块容器 无语义,用于布局划分

富文本标签

📋 列表标签

标签 含义 用途说明
<ul> 无序列表 项目前有圆点
<ol> 有序列表 项目前有编号
<li> 列表项 用于ulol

🧩 表格标签

标签 含义 用途说明
<table> 表格容器 创建表格
<tr> 表格行 一行内容
<td> 表格单元格 表格中的数据格
<th> 表头单元格 表格中的标题格
<thead> 表头区域 分离表格头部
<tbody> 表格主体 表格主体部分
<tfoot> 表格底部 表格汇总行等

🔗 外部资源标签(超链接和媒体)

标签 含义 用途说明
<a href=""> 超链接 可跳转页面或地址
<img src=""> 图片 显示图片,单标签
<video> 视频 嵌入视频播放
<audio> 音频 嵌入音频播放
<source> 媒体资源 配合<video><audio>使用

🧾 表单相关标签

标签 含义 用途说明
<form> 表单容器 收集用户输入
<input> 输入框 类型由type决定
<textarea> 多行输入 文本框
<select> 下拉框 配合<option>使用
<option> 下拉项 用于<select>
<label> 标签 表单项描述
<button> 按钮 提交、重置或自定义行为

📦 语义化标签(HTML5)

标签 含义 用途说明
<header> 页头 放logo、导航等
<nav> 导航区域 链接菜单等
<main> 主内容区域 页面核心内容
<section> 区块 相对独立的内容区域
<article> 文章 独立内容,如文章、帖子
<aside> 侧边栏 相关信息、推荐等
<footer> 页脚 版权、声明等
相关推荐
r0ad4 小时前
从痛点到解决方案:为什么我开发了Chrome元素截图插件
前端·chrome
OEC小胖胖4 小时前
连接世界:网络请求 `wx.request`
前端·微信小程序·小程序·微信开放平台
jingling5554 小时前
解决微信小程序真机调试中访问本地接口 localhost:8080 报错
前端·微信小程序·小程序
en-route4 小时前
使用 Flask 构建 Web 应用:静态页面与动态 API 访问
前端·python·flask
IT_陈寒4 小时前
Vite 5年迭代揭秘:3个核心优化让你的项目构建速度提升200%
前端·人工智能·后端
怎么吃不饱捏5 小时前
vue3+vite,引入阿里巴巴svg图标,自定义大小颜色
前端·javascript·vue.js
无敌最俊朗@5 小时前
MQTT 关键特性详解
java·前端·物联网
JAVA学习通5 小时前
微服务项目->在线oj系统(Java-Spring)----[前端]
java·开发语言·前端
excel5 小时前
Vue3 响应式系统核心执行器:Reactive Effect 与依赖调度机制
前端
南玖i7 小时前
vue3 通过 Vue3DraggableResizable实现拖拽弹窗,可修改大小
前端·javascript·vue.js