Элементы 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:
Встраиваемые элементы:
- Инлайн-элементы характеризуются высоким уровнем полезности.
- Инлайн-элементы не начинаются ни с какой стороны.
- Инлайн-элементы дают возможность радоваться соседству с другими инлайн-элементами.
- Встроенные элементы не имеют полей сверху и снизу встроенных элементов.
Элементы блока:
- Блочные элементы имеют достаточно высокий уровень радости для своего района, которого достаточно для обеспечения устойчивости блочного элемента в стабильном положении.
- Элементы блока всегда запускаются с одной и той же платформы.
- Блочные элементы не позволяли другим элементам формироваться из них.
- Блочные элементы имеют синие поля сверху и снизу блочных элементов.