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 |

相关推荐
随风一样自由2 小时前
【前端独角兽】刚进入前端领域的前端开发用jQuery还是Vue3?
前端·javascript·vue3·jquery
IMPYLH3 小时前
HTML 的 <data> 元素
前端·html
YHHLAI3 小时前
[特殊字符] 面试中的 Promise —— 从入门到精通
前端·javascript·面试
kyriewen5 小时前
我扒了 GPT-5.6 的全部编程跑分——有一项 OpenAI 没敢放出来
前端·gpt·ai编程
前端H6 小时前
微前端 v3 架构升级:从加载隔离到状态协同
前端·架构·状态模式
UndefeatedJie7 小时前
全栈项目架构三支柱:模块化 × RESTful × 语义化HTML,附AI辅助开发心法
html
陆枫Larry7 小时前
小程序包体积优化:用 SVG 图片替换 iconfont,并保留 CSS 控色能力
前端
凌奕7 小时前
Claude Code 上线了"一键发网页"功能:报告做完直接甩链接,部署这一步彻底消失
html·claude
环境栈笔记8 小时前
多账号浏览器选型检查清单:Profile、权限、Session 和任务日志怎么评估
前端·人工智能·后端·自动化
前端炒粉8 小时前
手写promise
java·前端·javascript