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 |

相关推荐
雨季66620 分钟前
Flutter 三端应用实战:OpenHarmony “专注时光盒”——在碎片洪流中守护心流的数字容器
开发语言·前端·安全·flutter·交互
tao35566738 分钟前
【用AI学前端】HTML-02-HTML 常用标签(基础)
前端·html
2601_9495328441 分钟前
Psello HTML Template: A Developer‘s Deep-Dive Review and Guide - Download Free
前端·windows·html·seo·wordpress·gpl
CappuccinoRose42 分钟前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
穿过锁扣的风1 小时前
如何操作HTML网页
前端·javascript·html
San30.1 小时前
从零构建坚固的前端堡垒:TypeScript 与 React 实战深度指南
前端·react.js·typescript
yunhuibin1 小时前
VideoPipe环境搭建及编译ubuntu240403
前端·人工智能
CHANG_THE_WORLD2 小时前
PDF文档结构分析 一
前端·pdf
东东5162 小时前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
rainbow68892 小时前
Python学生管理系统:JSON持久化实战
java·前端·python