4.换行、水平线标签、文本格式化标签

最新推荐文章于 2024-09-02 12:54:06 发布

Little_Green1

最新推荐文章于 2024-09-02 12:54:06 发布

阅读量478

点赞数 16

分类专栏：前端文章标签：前端 html

本文链接：https://blog.csdn.net/Little_Green1/article/details/140794300

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

一.换行和水平线标签

一个页面通常有很多内容,那么肯定不能都挤在同一行,那么这时候就需要换行,那么如何换行呢.在html代码中,我们直接将文字enter键换行可以吗

<body>
    第一行内容
    第二行内容
</body>

那么我们看到显然是不行的,因为浏览器不识别代码中enter换行,这时候就要用到html中的换行标签 标签,使用演示如下

<body>
    第一行内容
    <br>
    第二行内容
</body>

特别提醒: 标签是单标签.在想要换行的地方加入 标签就可以得到下面的效果.

我们还可以看到网页中有的位置有一条横线分割,例如下图

名字下方有一条水平线分割,这是用到了<hr>标签,这是一个单标签,使用方法如下

<body>
    第一行
    <hr>
    第二行
</body>

这样就可以在两行之间建立一条水平线,同时也会帮我们自动换行.

二.文本格式化标签

有时候,我们想给网页文字添加不同的效果,比如加粗,倾斜等等,这时我们可以用到文本格式化标签,总共有八个标签,两两对应,与对应,为加粗效果,与对应,为倾斜效果,<ins>与对应,为下划线效果,<del>与<s>对应,为删除线效果.我们可以看到,一个效果可以由两个标签表示,我推荐记忆前面的标签,例如标签为加粗,strong这个单词就有强壮的的意思,更好记忆.

用法如下:

<body>
  <strong>strong 加粗</strong>
  <b>b 加粗</b>
  <em> em 倾斜</em>
  <i>i 倾斜</i>
  <ins>ins 下划线</ins>
  <u>u 下划线</u>
  <del>del 删除线</del>
  <s>s 删除线</s>
</body>

如有讲错,欢迎指正.

Little_Green1

关注

16
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
4.换行、水平线标签、文本格式化标签

有时候,我们想给网页文字添加不同的效果,比如加粗,倾斜等等,这时我们可以用到文本格式化标签,总共有八个标签,两两对应,与对应,为加粗效果,与对应,为倾斜效果,<ins>与对应,为下划线效果,<del>与<s>对应,为删除线效果.我们可以看到,一个效果可以由两个标签表示,我推荐记忆前面的标签,例如标签为加粗,strong这个单词就有强壮的的意思,更好记忆.名字下方有一条水平线分割,这是用到了<hr>标签,这是一个单标签,使用方法如下。
复制链接

扫一扫