Элементы HTML на уровне блока и встроенные элементы

Элементы HTML inline и block используются для создания chalkashliklar tug’dirigan mavzu hisoblanadi for ko’plab veb dasturchilar. Это происходит потому, что inline-элемент не является блочным элементом, скорее блочный элемент является inline, и код пишется аналогичным образом.

Поэтому давайте разберемся в разнице между встроенными и блочными элементами в HTML, а также в различных типах встроенных и блочных элементов, которые можно использовать быстро и оперативно.

Блочные элементы: Мавджуд бо’лган все силы. Они начинаются с боковой стороны тела и тянутся к краю от верхней и нижней частей. Другие элементы были недоступны в этом районе.

Примеры блочных элементов:

Семантические блочные элементы HTML 5:

<header>: Этот тег используется для создания основных частей веб-страницы, таких как таблицы, таблицы, баннеры, логотипы и обертка веб-страницы.

<!DOCTYPE html>
<html lang="en">
<head>
    <!--Meta data-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible"
        content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0">

    <style>
        h1 {
            color: #006600;
            text-align: center;
            border: 2px solid #091418;
            background-color: #EEB0B0;
        }
        .container {
            border: 2px solid #040804;
            background-color: slategray;
        }
        p{
            border: 2px solid #040804;
            background-color: #4089c5;
        }
    </style>
</head>
<body>
    <div class="container" >
        <h1>Davron_js</h1>  
<p>
            Bu Butun qatorni egallaydigan blok elementga misol bo'la oladigan (p) element
        </p>
    </div>
</body>

</html>

Войдите в полноэкранный режим Выход из полноэкранного режима

НАТИЯ:

В приведенной выше таблице можно проанализировать 3 различных типа оркестровых фоновых диапазонов блочных элементов и рассчитать предел их атрофии. В этом случае используются блочные элементы h1, p и div.

Встраиваемые элементы:

Инлайн-элементы имеют достаточно высокий уровень стабильности для факат о'злари и дают возможность джойлаша к другим инлайн-элементам, расположенным рядом. Инлайн-элементы не начинаются со следующей строки, а блочные элементы не имеют полей в верхней и нижней части блока.

Примеры для встроенных элементов:

<!DOCTYPE html>
<html lang="en">

<head>
    <!--Meta data-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">

    <style>
        h1 {
            color: #006600;
            text-align: center;
        }

        span {
            border: 2px solid #040804;
            background-color: #4089c5;
        }

        a {
            border: 2px solid #040804;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Davron_js</h1>

<p>
            Bu <span>span element </span>
            <span>va </span><b>bu</b> esa
            <a href="#">link</a> qaysiki, inline elementga misol bo'la oladigan, faqat o'zlari uchun kerakli joyni egallaydifan.
        </p>
    </div>
</body>

</html>
Войдите в полноэкранный режим Выход из полноэкранного режима

НАТИЯ:

Можно создать <span><###code>, <b><###code>, <a><###code>, <a><###code> inline-элементы, которые могут обеспечить достаточную прочность и позволить использовать другие элементы.

Различия между элементами Inline и Block:

Встраиваемые элементы:

  • Инлайн-элементы характеризуются высоким уровнем полезности.
  • Инлайн-элементы не начинаются ни с какой стороны.
  • Инлайн-элементы дают возможность радоваться соседству с другими инлайн-элементами.
  • Встроенные элементы не имеют полей сверху и снизу встроенных элементов.

Элементы блока:

  • Блочные элементы имеют достаточно высокий уровень радости для своего района, которого достаточно для обеспечения устойчивости блочного элемента в стабильном положении.
  • Элементы блока всегда запускаются с одной и той же платформы.
  • Блочные элементы не позволяли другим элементам формироваться из них.
  • Блочные элементы имеют синие поля сверху и снизу блочных элементов.

Оцените статью
Procodings.ru
Добавить комментарий