Tukio ya <div> ya HTML

Maelezo na matumizi

<div> Levili inaeleza kwa HTML mafaa mazuri ya kusababisha kufikirika kwa matangazo (kama sehemu au kipengele, kama kipengele au kipengele, kama kipengele au kipengele).

<div> Levili inayotafuta mawili ya mafaa mazuri kwa matangazo. Inayotumiwa kama kifaa cha uenezi cha kina kwa kusababisha kufikirika kwa uangalifu wa mawili kwa sababu ya ukweli na bila kutumia muundo yoyote yenye uhusiano.

任何类型的内容都可以放在 <div> 标签内！<div> 标签可用作 HTML 元素的容器，然后使用 CSS 设置样式或使用 JavaScript 进行操作。

如果用 id au class 来标记 <div>，那么该标签的作用会变得更加有效。通过使用 class au id 属性，可以轻松地对 <div> 标签设置样式。

注意：默认情况下，浏览器总是在 <div> 元素前后放置一个换行符。

用法

<div> 是块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class au id 应用额外的样式。

Hakuna uwezo wa kufanya kina kina kina kina <div> inaonyesha id au class, inafaa kwa sababu inaendelea kwa kina kina kina.

inaweza kuwa kina kina kina kina <div> Kifaa kinatumiwa class au id Mafano, lakini kawaida inaweza kutumiwa kama aina moja ya kifaa, wengine inaweza kumekadiriwa kama aina moja ya kifaa. Matokeo kuu ya kuzungumza kwa id ya kifaa ni kwa kifaa kimoja kina, wakati id inatumiwa kwa kifaa kina kina kina. Matokeo kuu ya kuzungumza kwa id ni kwa kifaa kina kina kina, wakati id inatumiwa kwa kifaa kina kina kina.

Tazama pia:

Makala ya HTML:HTML viharamu vya kikubaliani na viharamu vya kichwa

Makala ya HTML:HTML kufanywa kwa kikabila

HTML DOM Kiwango cha Taarifa:Div inaonekana kama kifaa

Mfano

Sehemu ya <div> ya uandiko inayotumiwa kufanywa mazoezi ya CSS:

<html>
<head>
<style>
.myDiv {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
  <h2>Hii ni kichwa cha div.</h2>
  <p>Hii ni matukio ya div.</p>
</div>
</body>
</html>

Jifunze tena

Mfano wa ukili

<body>
 <h1>Wenyeji mpya</h1>
  <p>Matukio ya kwanza. Matukio ya kwanza. Matukio ya kwanza...</p>
  ...
 <div class="news">
  <h2>Ukambaa wa Habari 1</h2>
  <p>Matukio ya kwanza. Matukio ya kwanza. Matukio ya kwanza...</p>
  ...
</div>
 <div class="news">
  <h2>Ukambaa wa Habari 2</h2>
  <p>Matukio ya kwanza. Matukio ya kwanza. Matukio ya kwanza...</p>
  ...
 </div>
 ...
</body>

Mfano wa ujumbe

Kama unapata, eneo hili la HTML inamaliza umwili wa tovuti ya habari. Kila div inapakia kipendekezo cha kichwa cha habari na kikataa cha habari, kama inahusu, div inaongeza struktura ya uandiko. Pia, kwa sababu div huzungumza kwa aina moja, inaweza kutumika class="news" kumieleza div hizo, hii inaongeza maana sahihi kwa div na inafaa kufanywa mazoezi ya habari, kwa sababu inaendelea kwa kina kwa kufanywa habari.

Mambo ya kusadikiwa:Kuokoa na matumizi ya class na id, tafadhali angalia kitabu cha W3school cha kikabila cha uharibifu cha kina, kichwa cha kifaa, na wenzao wengine.

Matatizo ya kawaida

<div> Tovuti hivi inasema Matatizo ya kawaida ya HTML.

Matatizo ya kifungu

<div> Tovuti hivi inasema Matatizo ya HTML.

Mingineo ya CSS ya kawaida

Kila kifungu kinahitaji kufanywa kwa uwezo wa kwa kawaida <div> Kifaa:

div {
  display: block;
}

Jifunze tena

Matumizi ya kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada