HTML基础 上

一、HTML基本结构

二、HTML标签

1、p 段落标签
h1-h6 段落标签
br 换行标签
相关代码：
结果展示：

2、列表标签

 ul   无序
 ol   有序
 li     列表项
 相关代码：![在这里插入图片描述](https://img-blog.csdnimg.cn/20210114193232226.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81NDEyOTA1NA==,size_16,color_FFFFFF,t_70)

结果展示：

3、定义列表

 dl  定义列表
 dt  定义标题
 dd  定义说明项
 相关代码：![在这里插入图片描述](https://img-blog.csdnimg.cn/20210114194135172.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81NDEyOTA1NA==,size_16,color_FFFFFF,t_70)

结果展示：

4、排版标记常见标签

加粗 b strong（有强调意味）
斜体 i em（有强调意味）
横线 hr
下标 sub
上标 sup
下划线 u
删除线 del
还有两个弃用标签 big 大 small 小
相关代码：
结果展示：
最后我们做一个小总结。
HTML标签大多是成对出现的，除了hr（横线）、br（换行）。
大多数标签可以分成两种，块元素（标签）和行元素
块元素的特点：总是新起一行，可以包含块元素，行元素和文本。
常见块元素：div p h1-h6 ul ol li dl dt dd
行元素的特点：和其他行元素在一行，可以包含其他行元素和文本。
常见行元素：span i em b strong u del sub sup big small
当我们了解了什么是行元素和块元素
那么如何嵌套也至关重要。
以下简单说几条嵌套规则。
1、标签是可以嵌套的。
2、行内元素只能嵌套行内元素和文本。
3、块元素可以嵌套文本 行内 块。
4、p元素通常只嵌套文本和行内。
5、h元素通常只嵌套文本和行内。
今天的分享就到这里，想要了解更多前端知识，和我一起加油学习吧！