一、

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标签包裹的内容位居与偏下的位置

 以上就是常用的文本标签的内容了

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐