HTML <div> Tag

ຕາຕະລາງການຮຽນ

ຄູ່ມືສຳລັບການສ້າງເວັບໄຊ

HTML ປະກອບອັບການ

<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<header>
<hgroup>
<hr>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<search>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
这是 div 元素中的标题

这是 div 元素中的一些文本。

ທ້າທາຍທັນອິດ

案例分析
```
 新的网站
  一些文字。一些文字。一些文字...
  ...
 
  新闻头条 1
  一些文字。一些文字。一些文字...
  ...

 
  新闻头条 2
  一些文字。一些文字。一些文字...
  ...
 
 ...
```
例子解释

正如您看到的，上面这段 HTML 模拟了新闻网站的结构。其中的每个 div 把每条新闻的标题和摘要组合在一起，也就是说，div 为文档添加了额外的结构。同时，由于这些 div 属于同一类元素，所以可以使用 class="news" 对这些 div 进行标识，这么做不仅为 div 添加了合适的语义，而且便于进一步使用样式对 div 进行格式化，可谓一举两得。

提示：如需更深入地学习 class 和 id 的用法，请阅《W3school 的结构化标记》这一章中 div、id 和其他帮手这一节。

全局属性

<div> 标签还支持 HTML 中的全局属性。

事件属性

<div> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <div> ບັນດາສິ່ງ:

div {
  display: block;
}

ທ້າທາຍທັນອິດ

ການສະໜັບສະໜູນບັນດາບາຣ່າຍ

Chrome	Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
ສະໜັບສະໜູນ	ສະໜັບສະໜູນ	ສະໜັບສະໜູນ	ສະໜັບສະໜູນ	ສະໜັບສະໜູນ

ບ່ອນໄປກ່ອນ <dir>
ບ່ອນໄປຫລັງ <dl>

ຕາຕະລາງການຮຽນ

ຄູ່ມືສຳລັບການສ້າງເວັບໄຊ

HTML ປະກອບອັບການ

这是 div 元素中的标题

案例分析

新的网站

新闻头条 1

新闻头条 2

例子解释

全局属性

事件属性

默认的 CSS 设置

ການສະໜັບສະໜູນບັນດາບາຣ່າຍ

ອຸປະກອນ

HTML ປະກາດການ

HTML ການຕົວຢ່າງ

HTML ການກວດສອບ

HTML ການສອນ

ການເຊື່ອມຕໍ່ຜູ້ສະໜັບສະໜູນ