复习 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深度学习 | 十分钟掌握Pytorch搭建神经网络的流程
查看>>
OpenCV与AI深度学习 | 基于GAN的零缺陷样本产品表面缺陷检测
查看>>
OpenCV与AI深度学习 | 基于OpenCV和深度学习预测年龄和性别
查看>>
OpenCV与AI深度学习 | 基于OpenCV实现模糊检测 / 自动对焦
查看>>
OpenCV与AI深度学习 | 基于Python和OpenCV将图像转为ASCII艺术效果
查看>>
OpenCV与AI深度学习 | 基于PyTorch实现Faster RCNN目标检测
查看>>
OpenCV与AI深度学习 | 基于PyTorch语义分割实现洪水识别（数据集 + 源码）
查看>>
OpenCV与AI深度学习 | 基于YOLO11的车体部件检测与分割
查看>>
OpenCV与AI深度学习 | 基于YOLOv8 + BotSORT实现球员和足球检测与跟踪 (步骤 + 源码)
查看>>
OpenCV与AI深度学习 | 基于YOLOv8的停车对齐检测
查看>>
OpenCV与AI深度学习 | 基于机器视觉的磁瓦表面缺陷检测方案
查看>>
OpenCV与AI深度学习 | 基于深度学习的轮胎缺陷检测系统
查看>>
OpenCV与AI深度学习 | 如何在 Docker 容器中使用 GPU
查看>>
OpenCV与AI深度学习 | 实战 | OpenCV传统方法实现密集圆形分割与计数(详细步骤 + 代码)
查看>>
OpenCV与AI深度学习 | 实战 | OpenCV实现扫描文本矫正应用与实现详解(附源码)
查看>>
OpenCV与AI深度学习 | 实战 | 使用YOLOv8 Pose实现瑜伽姿势识别
查看>>
OpenCV与AI深度学习 | 实战 | 使用YoloV8实例分割识别猪的姿态（含数据集）
查看>>
OpenCV与AI深度学习 | 实战 | 使用姿态估计算法构建简单的健身训练辅助应用程序
查看>>
OpenCV与AI深度学习 | 实战 | 基于YoloV5和Mask RCNN实现汽车表面划痕检测(步骤 + 代码)
查看>>
OpenCV与AI深度学习 | 实战 | 基于YOLOv9+SAM实现动态目标检测和分割（步骤 + 代码）
查看>>