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 |

相关推荐
馬致远3 分钟前
Vue 脚手架&环境配置
前端·javascript·vue.js
IT_陈寒4 分钟前
React性能优化实战:5个被低估的Hooks技巧让你的应用提速30%
前端·人工智能·后端
SDAU20055 分钟前
ESP32C3在Arduino下的MQTT操作
linux·服务器·前端
syt_10135 分钟前
grid布局之-子项放置1
前端·javascript·css
HIT_Weston7 分钟前
59、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(三)
前端·ubuntu·gitlab
syt_10137 分钟前
grid布局之-子项放置2
前端·javascript·css
韩曙亮7 分钟前
【Web APIs】JavaScript 动画 ② ( 缓动动画 | 步长计算取整 )
前端·javascript·动画·web apis·缓动动画·匀速动画
fruge9 分钟前
Vue3 响应式原理深度解析:Proxy 实现与依赖收集逻辑
前端
by__csdn10 分钟前
javascript 性能优化实战:异步和延迟加载
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
by__csdn12 分钟前
JavaScript性能优化实战:减少DOM操作全方位攻略
前端·javascript·vue.js·react.js·性能优化·typescript