HTML标签基础知识总结

标签分类与功能

HTML标签分为块状标签、行内标签、文本标签等，各具特定功能。理解这些标签的作用是网页开发的基础。

块状标签

块状标签如

和

用于创建页面布局，独占一行，决定了内容的显示方式。

常见块状标签：

b标签（）：加粗文本

strong标签（）：加粗且更强调的文本

div标签（

）：块状容器，常用于页面布局

pre标签（
）：保留格式化文本，支持多行和缩进

姓名	年龄	职业
张三	30	程序员
李四	25	设计师

行内标签

行内标签如和
用于在同一行内调整内容格式，适合文本布局。

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标签（）：多行文本输入框</span></li>

select标签（）：单选框

checkbox标签（）：多选框

hidden标签（）：隐藏输入框

嵌入标签

嵌入标签用于引入外部内容，如图片、视频等。常见嵌入标签：

img标签（）：嵌入图片

iframe标签（）：嵌入网页</span></li> </ul> <div></div> <div></div> <h2>布局标签</h2> <div></div> <p>布局标签用于控制页面布局，常见布局标签：</p> <div></div> <ul> <li><span>div标签（<div>）：块状容器，用于布局</span></li> <li><span>span标签（<span>）：行内容器，用于布局</span></li> <li><span>hr标签（<hr>）：水平分隔线</span></li> </ul> <div></div> <div></div> <p>以上标签是HTML中常用标签的基础知识，熟悉这些标签的使用方法是网页开发的必备基础。通过合理使用标签，可以显著提升网页的美观性和功能性。</p> <div></div>

转载地址：http://rzna.baihongyu.com/

你可能感兴趣的文章

Openlayers中使用Overlay实现点击要素弹窗并且弹窗随之移动