HTML - 块

HTML块 - 学习HTML以简单简单的步骤开发您的网站，从基本概念到高级概念，包括概述，基本标签，元标签，属性，格式，短语标签，评论，字体，帐篷，图像，链接，表格，框架，列表，布局，颜色，形式，背景，样式表，JavaScript。

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

块元素

块元素出现在屏幕上，就好像它们之前和之后有换行符一样.例如，< p>，< h1>，< h2>，< h3>，< h4>，< h5>，< h6>，< ul>，< ol>，< ; dl>，< pre>，< hr/>，< blockquote>和< address>元素都是块级元素.它们都是从他们自己的新行开始的，并且跟随它们的任何内容都出现在它自己的新行上.

内联元素

内联元素，在另一方面，可以出现在句子内而不必出现在自己的新行上. < b>，< i>，< u>，< em>，< strong>，< sup>，< sub>，< big>，< small>，< li> ，< ins>，< del>，< code>，< cite>，< dfn>，< kbd>和< var>元素都是内联元素.

分组HTML元素

我们经常使用两个重要的标记来组合各种其他HTML标记(i) < DIV>标签和(ii)< span>标签

< div> tag

这是非常重要的块级标记，它在将各种其他HTML标记分组并在元素组上应用CSS方面发挥着重要作用.即使现在< div> tag可用于创建网页布局，我们使用< div>定义页面的不同部分(左，右，顶部等).标签.此标记不会对块提供任何可视更改，但在与CSS一起使用时具有更多含义.

示例

以下是一个简单的< div>的示例标签.我们将在单独的章节中学习层叠样式表(CSS)，但我们在此处使用它来显示< div>的用法. tag :

            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

这将产生以下结果 :

The tag

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

标记和

标记之间的区别在于，标记与内联元素一起使用，而

标记与块级元素一起使用。

Example

以下是标签的简单示例。我们将在单独的章节中学习级联样式表（CSS），但是我们在这里使用它来显示标签的用法:

HTML span Tag

This is red and this is green