html基础知识了解HTML 基础知识 1. 段落标签 HTML 中的段落标签主要用于组织文本内容，使其更具可读性和结构

HTML 基础知识

1. 段落标签

HTML 中的段落标签主要用于组织文本内容，使其更具可读性和结构性。

标题标签：共 6 级，从
到
。
通常用于页面的主标题，重要性最高，字体也最大；
则用于相对不太重要的小标题，字体最小。例如：
这是一级标题
。

换行标签：
。这个标签是单标签，用于在文本中强制换行。比如：“第一行第二行”，在页面中会显示为两行内容。

水平分割线：
。也是单标签，在页面中插入一条水平分割线，用于分隔不同的内容区域。

2. 文本格式化标签

文本格式化标签可以让文本呈现出不同的样式，以突出重点或区分不同类型的内容。

加粗：、。这两个标签都可以使文本加粗显示。例如：加粗的文本和重要的文本。虽然在浏览器中显示效果相同，但在实际开发中，推荐使用，因为它更具语义性。

下划线：、。用于给文本添加下划线。如：带有下划线的文本和插入的文本，同样推荐使用，其语义性更好。

倾斜：、。可以使文本倾斜显示。例如：倾斜的文本和强调的文本，实际开发中尽量使用。

删除线：~~、~~。给文本添加中划线效果，常用于表示已过期或不正确的内容。如：~~删除的文本~~和~~已弃用的内容~~，推荐使用。~~~~

3. 媒体格式化标签

图片标签：。用于在网页中插入图片，必须带有src属性来指定图片的路径，还可以设置alt（替换文本，当图片加载失败时显示）、title（提示文本，鼠标悬停时显示）、width（宽度）、height（高度）等属性。例如：。

音频标签：。属性src指定音频路径，controls显示播放控件，还可以设置autoplay（自动播放）、loop（循环播放）等属性。目前支持 MP3、Wav、Ogg 三种格式。

视频标签：属性与音频标签类似，如。可以设置src（视频路径）、controls（显示播放控件）、autoplay（自动播放，谷歌浏览器配合muted实现静音播放）、loop（循环播放）等属性。

4. 列表标签

无序列表：
、
。以圆点显示列表项，
标签中只允许包含
标签，
标签可以包含任意内容。例如：
列表项 1
列表项 2
。

有序列表：
、
。以序号标识列表项，
标签中只允许包含
标签，
标签可以包含任意内容。如：
第一步
第二步
。

自定义列表：
、
、
。
是总标签，
是小标签用于定义标题，
围绕标题展开说明，
标签中只允许包含
和
标签，它们可以包含任意内容。例如：
标题
说明内容 1
说明内容 2
。

5. 表格标签

基本标签：、、
。标签定义整个表格，表示行，
表示列。包裹关系为：
单元格内容
。

相关属性：常见的有border（边框）、cellpadding（单元格内边距）、cellspacing（单元格间距）等属性。实际开发中通常用 CSS 设置这些属性。

表格标题和表格单元格标签：
用于表格标题，
用于表头单元格，会居中加粗显示，可以替换。

合并单元格：首先明确要合并的单元格，通过左上原则确定保留和删除的单元格。上下合并时只保留最上边的单元格，左右合并时只保留最左边的单元格，然后给保留的单元格设置跨行合并（rowspan）或跨列合并（colspan）属性。

6. 表单标签

input 系列标签：根据type属性值展示不同效果，如text（单行文本框）、password（密码框）、radio（单选框）、checkbox（复选框）等。

button 按钮标签：type属性值与 input 类似，双标签，便于包裹文字或图片，谷歌浏览器中默认是提交按钮。

select 下拉菜单标签：由标签和标签组成，是下拉菜单的整体，是下拉菜单的每一项，可以设置selected属性作为默认选中项。

textarea 文本域标签：用于多行文本输入，实际开发中用 CSS 设置样式。

label 标签：用于绑定内容和标签，直接用 label 标签把表单标签和内容一起包裹起来，或者把 label 标签的for属性删除即可。

7. 语义化标签

了解手机端常用标签，如无语义的布局标签div和span。div一行只显示一个，独占一行；span一行显示多个。还有有语义标签，在手机端应用较多。

8. 字符实体

在网页中显示特殊符号，如空格的字符实体为。网页不认识多个连续的空格，只认识一个空格，使用字符实体可以解决这个问题。例如，要在网页中显示多个连续的空格，可以使用多个。

html基础知识了解