📜  HTML-块

📅  最后修改于: 2020-12-16 05:51:27             🧑  作者: Mango


所有HTML元素都可以分为两类: (a)块级元素(b)内联元素。

块元素

块元素显示在屏幕上,就像它们前后都有换行符一样。例如,


      元素都是块级元素。它们都以自己的新行开始,跟随它们的所有内容都以其自己的新行出现。

      内联元素

      另一方面,内联元素可以出现在句子中,而不必自己出现在换行符上。

    1. ,< code>,元素都是内联元素。

      分组HTML元素

      我们经常使用两个重要的标签来将其他各种HTML标签分组(i)

      标签和(ii)标签

      标签

      这是非常重要的块级标记,在分组其他各种HTML标记并将CSS应用于元素组中发挥着重要作用。甚至现在,

      标签仍可用于创建网页布局,在其中我们使用
      标签定义页面的不同部分(左,右,顶部等)。这个标签没有在块上提供任何视觉上的改变,但是当与CSS一起使用时,它具有更多的意义。

      以下是

      标签的简单示例。我们将在单独的章节中学习级联样式表(CSS),但是在这里我们用它来显示
      标签的用法-

      HTML div Tag
         
          
         
            
            

      This is first group

      Following is a list of vegetables

      • Beetroot
      • Ginger
      • Potato
      • Radish

      This is second group

      Following is a list of fruits

      • Apple
      • Banana
      • Mango
      • Strawberry

      这将产生以下结果-

      标签

      HTML 是一个内联元素,可用于对HTML文档中的内联元素进行分组。此标记也不会在块上提供任何视觉更改,但与CSS一起使用时具有更多含义。

      标记和

      标记之间的区别在于,标记与内联元素一起使用,而
      标记与块级元素一起使用。

      以下是标签的简单示例。我们将在单独的章节中学习级联样式表(CSS),但是在这里我们用它来显示标签的用法-

      HTML span Tag
         
          
         
            

      This is red and this is green

      这将产生以下结果-