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 小时前
【前端】vue3:编译步骤
前端
不在逃避q3 小时前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁3 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One9853 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易3 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师4 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户059540174465 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈5 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen6 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒6 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端