复习 HTML基础
本文共 1492 字，大约阅读时间需要 4 分钟。
HTML标签基础知识总结
标签分类与功能
HTML标签分为块状标签、行内标签、文本标签等，各具特定功能。理解这些标签的作用是网页开发的基础。
块状标签
块状标签如
和
用于创建页面布局，独占一行，决定了内容的显示方式。
常见块状标签：
- b标签（）：加粗文本
- strong标签（）：加粗且更强调的文本
- div标签（ ）：块状容器，常用于页面布局
- pre标签（
）：保留格式化文本，支持多行和缩进
行内标签
行内标签如和用于在同一行内调整内容格式，适合文本布局。
- span标签（）：行内容器，用于包裹单词、短语或其他行内元素
- br标签（）：换行，用于文本分行
- em标签（）：强调文本，斜体显示
- i标签（）：斜体标签
文本标签
文本标签用于格式化文本，增强可读性和美观性。常见文本标签：
- sub标签（）：下标
- sup标签（）：上标
- s标签（
）：删除线 - del标签（
）：删除线
列表标签
列表标签用于创建有序或无序列表，提升内容组织效率。常见列表标签：
- ul标签（
- ）：无序列表
- ol标签（）：有序列表
- li标签（
- ）：列表项
无序列表默认标记为圆点，可通过
type属性改变标记样式（如circle、disk、square等）：有序列表默认标记为数字，可通过
type属性改变标记样式（如1、i、A等）：表格标签
表格标签用于创建表格结构，
tr为表格行，td为表格单元格，th为表头单元格。表格属性：
colspan：向右合并同一行的单元格rowspan：向下合并同一列的单元格
姓名 年龄 职业 张三 30 程序员 李四 25 设计师 表单标签
表单标签用于创建用户输入界面，常见表单元素：
- input标签（）：单行输入框
- textarea标签（
- select标签（）：单选框
- checkbox标签（）：多选框
- hidden标签（）：隐藏输入框
嵌入标签
嵌入标签用于引入外部内容，如图片、视频等。常见嵌入标签：
- img标签（
）：嵌入图片
- iframe标签（
转载地址：http://rzna.baihongyu.com/
你可能感兴趣的文章
OpenCV与AI深度学习 | OpenCV快速傅里叶变换(FFT)用于图像和视频流的模糊检测（建议收藏！）
查看>>
OpenCV与AI深度学习 | PaddleOCR 2.9 发布， 正式开源文本图像智能分析利器
查看>>
OpenCV与AI深度学习 | SAM2（Segment Anything Model 2）新一代分割一切大模型介绍与使用（步骤 + 代码）
查看>>
OpenCV与AI深度学习 | T-Rex Label ！超震撼 AI 自动标注工具，开箱即用、检测一切
查看>>
OpenCV与AI深度学习 | YOLO11介绍及五大任务推理演示(目标检测，图像分割，图像分类，姿态检测，带方向目标检测)
查看>>
OpenCV与AI深度学习 | YOLOv10在PyTorch和OpenVINO中推理对比
查看>>
OpenCV与AI深度学习 | YOLOv11来了：将重新定义AI的可能性
查看>>
OpenCV与AI深度学习 | YOLOv8自定义数据集训练实现火焰和烟雾检测（代码+数据集！）
查看>>
OpenCV与AI深度学习 | YOLOv8重磅升级，新增旋转目标检测，又该学习了！
查看>>
OpenCV与AI深度学习 | 一文带你读懂YOLOv1~YOLOv11(建议收藏！)
查看>>
OpenCV与AI深度学习 | 五分钟快速搭建一个实时人脸口罩检测系统(OpenCV+PaddleHub 含源码)
查看>>
OpenCV与AI深度学习 | 什么是 COCO 数据集？
查看>>
OpenCV与AI深度学习 | 低对比度缺陷检测应用实例--LCD屏幕脏污检测
查看>>
OpenCV与AI深度学习 | 使用 MoveNet Lightning 和 OpenCV 实现实时姿势检测
查看>>
OpenCV与AI深度学习 | 使用 OpenCV 创建自定义图像滤镜
查看>>
OpenCV与AI深度学习 | 使用 SAM 和 Grounding DINO 分割卫星图像
查看>>
OpenCV与AI深度学习 | 使用OpenCV图像修复技术去除眩光
查看>>
OpenCV与AI深度学习 | 使用OpenCV检测并计算直线角度
查看>>
OpenCV与AI深度学习 | 使用OpenCV轮廓检测提取图像前景
查看>>
OpenCV与AI深度学习 | 使用Python和OpenCV实现火焰检测(附源码)
查看>>