HTML新手入门笔记整理:HTML常用标签总结表

HTML常用标签

|------------|------------------------|-------------|
| 标签 | 英文全称 | 语义 |
| div | division | 区块(块元素) |
| span | span | 区块(行内元素) |
| p | paragraph | 段落 |
| ol | ordered list | 有序列表 |
| ul | unordered list | 无序列表 |
| li | list item | 列表项 |
| dl | definition list | 定义列表 |
| dt | definition term | 定义术语 |
| dd | definition description | 定义描述 |
| h1-h6 | header1-header6 | 1-6级标题 |
| hr | horizontal rule | 水平线 |
| a | anchor | 锚点(超链接) |
| strong | strong | 强调(粗体) |
| em | emphasized | 强调(斜体) |
| sup | superscript | 上标 |
| sub | subscript | 下标 |
| table | table | 表格 |
| thead | table head | 表头 |
| tbody | table body | 表身 |
| tfoot | table foot | 表脚 |
| th | table header | 表头单元格 |
| td | table data cell | 表身单元格 |
| caption | caption | 标题(用于表格和表单) |
| figure | figure | 图片域(用于图片) |
| figcaption | figure caption | 图片域标题(用于图片) |
| form | form | 表单 |
| fieldset | fieldset | 表单域(用于表单) |
| legend | legend | 图例(用于表单) |


常用表单标签

|-----------------------------|--------|
| 表单元素 | 说明 |
| <input type="text" /> | 单行文本框 |
| <input type="password"/> | 密码文本框 |
| <input type="radio" /> | 单选框 |
| <input type="checkbox" /> | 复选框 |
| <input type="button" /> | 普通按钮 |
| <input type="submit"/> | 提交按钮 |
| <input type="reset"/> | 重置按钮 |
| <input type="file"/> | 文件域 |
| <textarea></textarea> | 多行文本框 |
| <select></select> | 下拉列表 |

颜色对照表

|---------|---------|-------------|--------------|
| 英文名 | 中文名 | 十六进制颜色值 | RGB颜色值 |
| black | 黑色 | #000000 | 0,0,0 |
| white | 白色 | #FFFFFF | 255,255,255 |
| red | 红色 | #FF0000 | 255,0,0 |
| yellow | 黄色 | #FFFF00 | 255,255,0 |
| lime | 绿黄色 | #OOFF00 | 0,255,255 |
| aqua | 浅绿色 | #OOFFFF | 0,255,255 |
| blue | 蓝色 | #0000FF | 0,0,255 |
| fuchsia | 紫红色 | #FFOOFF | 255,0,255 |
| gray | 灰色 | #808080 | 128,128,128 |
| silver | 银色 | #COCOC0 | 192, 192,192 |
| maroon | 栗色 | #800000 | 128,0,0 |
| olive | 橄榄色 | #808000 | 128,128,0 |
| green | 绿色 | #008000 | 0,128,0 |
| teal | 水鸭色 | #008080 | 0,128,128 |
| navy | 海军蓝 | #000080 | 0,0,128 |
| purple | 紫色 | #800080 | 128,0,128 |

相关推荐
xiaofeichaichai18 分钟前
Webpack
前端·webpack·node.js
问心无愧051337 分钟前
ctf show web入门111
android·前端·笔记
唐某人丶1 小时前
模型越来越强,我们还需要 Agent 工程吗?—— 从价值重估到 Harness 实践
前端·agent·ai编程
智码看视界1 小时前
现代Web开发基础:全栈工程师的起航点
前端·后端·c5全栈
JS菌1 小时前
手写一个 AI Agent 全栈项目:从沙箱执行到子智能体的完整实现
前端·人工智能·后端
excel2 小时前
HLS TS 文件损坏的元凶:Git 提交与拉取
前端
Aphasia3113 小时前
https连接传输流程
前端·面试
徐小夕3 小时前
万字长文!千万级文档 RAG 知识库系统落地实践
前端·算法·github
threelab3 小时前
Three.js 物理模拟着色器 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器