一、
| 1.标题标签 h1-h6 | |
| ——(1)双标签 | |
| ——(2)标题标签自带加粗效果,有自己的默认字体大小 | |
| ——(3)默认独占一行显示 | |
| ——(4)标题标签自带间距 |
举例:
标题在HTML中的书写形式,如下:
1.找到body

2.输入标题标签

3.输入完成直接敲击enter键,即可生成

4.然后在标题标签中输入你需要的标题

5.即可得到如下效果(标题标签自带加粗效果)
h1: 我是一级标题
h2: 我是二级标题
h3:我是三级标题
h4:我是四级标题
h5:我是五级标题
h6:我是六级标题
二、
| 2.文本段落标签 p | |
| ——(1)双标签 | |
| ——(2)默认独占一行显示 | |
| ——(3)段落标签自带间距 |
1.生成标签方法同上,注意,此处前两个p标签内都加入了空格

2.如下,无论输入多少空格最终都只显示一个空格

三、
| 3.空格符 &符号为shift+7 | |
| ——没有固定的大小,跟字号有关 |
1.引用p标签的例子,直接把 ;加入需要间隔的文本内容处

2.如下,在第三个p标签中加入了很多 ;的效果

四、
| 4.换行 br | |
| ——他是一个单标签,作用是让文本换行显示 |
1.引用p标签,给p标签添加br,从添加br处开始换行

2.如下,把br放置在同一行内或者下一行,效果都是一样的

五、
| 5.水平线/分割线 hr | |
| ——单标签 |
1.如图,给p标签下添加hr标签

2.结果如下,添加hr能帮助更好的去区分不同的内容区域
六、
| 6.加粗 b strong | |
| ——双标签,b和strong均可加粗,但是strong具有一个强调和突出的语气 |
1.分别给第一个和第二个p标签内的内容添加了b和strong标签

2.这里可以看到,得到的效果是一样的,但是相比b来说,strong具有强调和突出的语气
七、
| 7.倾斜 i em | |
| ——双标签 i和em均可倾斜,但是em具有一个强调和突出的语气 |
1.分别给第一个和第二个p标签内的内容添加了i和em标签

2.效果是相同的, 但是相比i来说,em具有强调和突出的语气

八、
下划线 u ——双标签
1.给内容添加u标签

2.添加u标签的内容就会显示下划线了
九、
删除线 s del 双标签,其中del具有强调语气
1.分别给第一个和第二个p标签内的内容添加了s和del标签

2.得到的效果是一样的,但是相比s来说,del具有强调和突出的语气

十、
| sub 下标 双标签 | |
| sup 上标 双标签 |
1.分别给第一个和第二个p标签内的内容添加了sup和sub标签

2.效果如下,被sup标签包裹的内容位居与偏上的位置,被sub标签包裹的内容位居与偏下的位置

以上就是常用的文本标签的内容了
本文详细介绍了HTML中的标题标签(h1-h6)、文本段落(p)、空格符、换行(br)、水平线(hr)、加粗和倾斜标签的使用方法,以及如何创建下划线、删除线和标尺效果。适合初学者理解文本元素的排版技巧。
6732

被折叠的 条评论
为什么被折叠?



