• 【Java 进阶篇】HTML文本标签详解


    在这里插入图片描述

    HTML(Hypertext Markup Language)是构建Web页面的基础。在HTML中,文本标签用于定义和呈现文本内容。本文将详细介绍HTML中的一些常用文本标签,包括段落、标题、文本样式等,适用于初学者,让您了解如何创建和格式化文本内容。

    1. 段落标签

    段落标签

    用于定义文本的段落。它会在文本前后添加额外的空白行,以显示文本的段落结构。下面是一个示例:

    <p>这是一个段落。p>
    <p>这是另一个段落。p>
    
    • 1
    • 2

    这将呈现为:

    这是一个段落。
    
    这是另一个段落。
    
    • 1
    • 2
    • 3

    2. 标题标签

    -

    标题标签用于定义标题,共有六个级别,分别是

    ,其中

    是最高级别的标题,
    是最低级别的标题。标题标签通常用于组织文档结构和突出显示重要内容。

    <h1>这是一级标题h1>
    <h2>这是二级标题h2>
    <h3>这是三级标题h3>
    <h4>这是四级标题h4>
    <h5>这是五级标题h5>
    <h6>这是六级标题h6>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    3. 文本样式标签

    粗体标签

    粗体标签 用于设置文本为粗体。它们的作用相同,但 具有更强的语义意义,表示文本的重要性。

    <p>这是 <strong>重要strong> 的文本。p>
    <p>这是 <b>粗体b> 的文本。p>
    
    • 1
    • 2

    斜体标签

    斜体标签 用于设置文本为斜体。它们的作用也相同,但 具有更强的语义意义,表示文本的强调。

    <p>这是 <em>强调em> 的文本。p>
    <p>这是 <i>斜体i> 的文本。p>
    
    • 1
    • 2

    删除线标签

    删除线标签 用于在文本上添加删除线,表示文本已被删除或不再有效。

    <p>这是 <del>删除的del> 文本。p>
    <p>这是 <s>不再有效的s> 文本。p>
    
    • 1
    • 2

    下划线标签

    下划线标签 用于在文本下方添加下划线,表示文本的添加或强调。

    <p>这是 <ins>添加的ins> 文本。p>
    <p>这是 <u>下划线u> 的文本。p>
    
    • 1
    • 2

    4. 换行标签

    换行标签
    用于在文本中插入换行符,即使在段落中也可以使用它来强制换行。

    <p>这是第一行。<br>这是第二行。p>
    
    • 1

    这将呈现为:

    这是第一行。
    这是第二行。
    
    • 1
    • 2

    5. 水平线标签

    水平线标签


    用于在文本中插入水平线,用于分隔内容。

    <p>这是一些文本。p>
    <hr>
    <p>这是另一些文本。p>
    
    • 1
    • 2
    • 3

    6. 超链接标签

    超链接标签 用于创建链接到其他网页或资源的超链接。

    <a href="https://www.example.com">点击访问示例网站a>
    
    • 1

    您可以将 href 属性设置为目标网址,用户点击链接后将跳转到该网址。

    7. 列表标签

    HTML提供了两种常见的列表标签,分别是无序列表

      和有序列表
        ,以及列表项标签
      1. 无序列表

        无序列表使用

          标签来定义,每个列表项使用
        • 标签。

          <ul>
            <li>苹果li>
            <li>香蕉li>
            <li>橙子li>
          ul>
          
          • 1
          • 2
          • 3
          • 4
          • 5

          有序列表

          有序列表使用

            标签来定义,每个列表项同样使用
          1. 标签。

            <ol>
              <li>第一步li>
              <li>第二步li>
              <li>第三步li>
            ol>
            
            • 1
            • 2
            • 3
            • 4
            • 5

            8. 嵌套标签

            HTML允许标签嵌套,即将一个标签放在另一个标签内部。例如,您可以在段落中嵌套链接标签来创建带有链接的文本。

            <p>请访问<a href="https://www.example.com">示例网站a>以获取更多信息。p>
            
            • 1

            9. 注释标签

            注释标签 用于添加注释,这些注释不会在浏览器中显示,但可以用于提供对代码的解释或说明。

            
            <p>这是一个段落。p>
            
            • 1
            • 2

            结论

            这些是HTML中的一些常见文本标签,它们可以帮助您构建具有良好结构和格式的网页内容。随着您的学习和实践,您将能够更自如地使用这些标签,并创建出更复杂的Web页面。希望这篇文章对您有所帮助!

            作者信息

            作者 : 繁依Fanyi
            CSDN: https://techfanyi.blog.csdn.net
            掘金:https://juejin.cn/user/4154386571867191

  • 相关阅读:
    高可用集群 keepalived
    java: 自定义java.util.logging.Logger的日志输出格式,输出IDE(ECLIPSE)能自动识别行号的格式
    数据链路层-可靠传输机制(选择重传协议SR)
    Selenium获取本地已打开的浏览器页面进行跟踪和自定义日志记录
    【入门-05】存储空间
    【Nginx24】Nginx学习:压缩模块Gzip
    我的周刊(第055期)
    origin自定义颜色
    项目踩坑—跨域问题
    基于BES平台音乐信号处理之DRC算法实现
  • 原文地址:https://blog.csdn.net/qq_21484461/article/details/133657335