HTML段落标签、换行标签、文本格式化标签与水平线标签

23,195次阅读
没有评论

共计 914 个字符,预计需要花费 3 分钟才能阅读完成。

目录

HTML 段落标签

HTML 换行标签

HTML 格式化标签

加粗标签

倾斜标签

删除线标签

下划线标签

HTML 水平线标签


HTML 段落标签

在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在 HTML 标签中,

标签用于定义段落,它可以将整个网页分为若干个段落。

为文本分段可以使用段落标签

包裹需要放在一段的文字

这是第一个段落

这是第二个段落

注意:

  1. 在网页界面显示时,段落和段落之间存在一个较大的空隙
  2. 当前的

    标签描述的段落,前面还没有缩进

  3. 文本在一个段落中会根据浏览器窗口的大小自动换行
  4. HTML 内容首尾处的换行, 空格均无效
  5. 在 HTML 中文字之间输入的多个空格只相当于一个空格.
  6. HTML 中直接输入换行不会真的换行,而是相当于一个空格

示例代码:




    
    
    段落标签


    

这是第一个段落

当前段落内容 第二行内容

这是第二个段落

当前段落内容 第二行内容

效果如下:

HTML 段落标签、换行标签、文本格式化标签与水平线标签

HTML 换行标签

在 HTML 中,常见用
标签表示换行,也可以用
标签,但是不规范

📌

注意
标签为单标签

这是第一句话,接下来需要换行 
已经换行

示例代码:




    
    
    段落标签


    这是第一句话,接下来需要换行 
已经换行

效果如下:

HTML 段落标签、换行标签、文本格式化标签与水平线标签

HTML 格式化标签

在 HTML 中,可以使用下面的标签实现对应的属性,并且这些标签可以嵌套使用

  1. 加粗: 标签 和 标签
  2. 倾斜: 标签 和 标签
  3. 删除线: 标签 和 标签
  4. 下划线: 标签 和 标签

📌

在四个格式化标签中虽然每一类的第一个标签和第二个标签实现的效果相同,但是为了更加强调文本效果,提高代码可读性,推荐用第一种标签

加粗标签




    
    
    粗体测试


    

下面是加粗文本和非加粗文本的对比

这是一个加粗文本
这是一个普通文本

效果如下:

HTML 段落标签、换行标签、文本格式化标签与水平线标签

倾斜标签




    
    
    倾斜标签测试


    

下面是倾斜文本和非倾斜文本对比

这是一个倾斜的文本
这是一个普通文本

效果如下:

HTML 段落标签、换行标签、文本格式化标签与水平线标签

删除线标签




    
    
    删除线标签测试


    

下面是有删除线和没有删除线的文本对比

这是有删除线的文本
这是一个普通文本

效果如下:

HTML 段落标签、换行标签、文本格式化标签与水平线标签

下划线标签




    
    
    下划线标签测试


    

下面是有下划线的文本和无下划线的文本对比

这是一个有下划线的文本
这是一个普通文本

效果如下:

HTML 段落标签、换行标签、文本格式化标签与水平线标签

HTML 水平线标签

在 HTML 中,使用


标签可以在网页上实现水平分割线的效果

📌

注意,水平分割线标签为单标签




    
    
    水平线标签测试


    

当前标签下面的横线为水平线


这是分割线下方的测试文本

效果如下:

HTML 段落标签、换行标签、文本格式化标签与水平线标签

原文地址: HTML 段落标签、换行标签、文本格式化标签与水平线标签

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-07发表,共计914字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)