CodeW3C Tashiyarararawa
Tashiyararawa HTML
Asusun ƙasashen ƙaɗan
Asusun ƙasashen ƙaɗan
Tashiyararawa Programming
Tashiyararawa XML
Kitaftin Shugabawa
Kitaftin Manufararawa
Tasirin Ilimi
Kitaftin Manufararawa
Ƙasashen HTML (sabon ƙarfin harabara)
Ƙasashen HTML (sabon ƙarfin ƙaddamar)
Rarrabawon ƙasashen HTML
Global Attribute HTML
Ƙasashen HTML
Manufararawa Color HTML
Canvas HTML
Video/Audio HTML
Charset HTML
ƙindin ƙasashen HTML
URL Encoding HTML
ƙodagon harshe ƙasashen HTML
ƙodagon ƙasashen HTML
Rahnutan HTTP
ƙarfin HTTP
Keyboard Shortcuts
HTML ƙaɗan
<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
aɗɗan <dl> tabbin
aɗɗan <dt> tabbin
aɗɗan <dt> tabbin
-
</a></li> <li><a href="/ha/tags/tag_img.html" title="HTML <img> ƙaɗa"><img></a></li> <li><a href="/ha/tags/tag_input.html" title="HTML <input> ƙaɗa"><input></a></li> <li><a href="/ha/tags/tag_ins.html" title="HTML <ins> ƙaɗa"><ins></a></li> <li><a href="/ha/tags/tag_kbd.html" title="HTML <kbd> ƙaɗa"><kbd></a></li> <li><a href="/ha/tags/tag_label.html" title="HTML <label> ƙaɗa"><label></a></li> <li><a href="/ha/tags/tag_legend.html" title="HTML <legend> ƙaɗa"><legend></a></li> <li><a href="/ha/tags/tag_li.html" title="HTML <li> ƙaɗa"><li></a></li> <li><a href="/ha/tags/tag_link.html" title="HTML <link> ƙaɗa"><link></a></li> <li><a href="/ha/tags/tag_main.html" title="HTML <main> ƙaɗa"><main></a></li> <li><a href="/ha/tags/tag_map.html" title="HTML <map> ƙaɗa"><map></a></li> <li><a href="/ha/tags/tag_mark.html" title="HTML <mark> ƙaɗa"><mark></a></li> <li><a href="/ha/tags/tag_menu.html" title="HTML <menu> ƙaɗa"><menu></a></li> <li><a href="/ha/tags/tag_meta.html" title="HTML <meta> ƙaɗa"><meta></a></li> <li><a href="/ha/tags/tag_meter.html" title="HTML <meter> ƙaɗa"><meter></a></li> <li><a href="/ha/tags/tag_nav.html" title="HTML <nav> ƙaɗa"><nav></a></li> <li><a href="/ha/tags/tag_noframes.html" title="HTML <noframes> ƙaɗa"><noframes></a></li> <li><a href="/ha/tags/tag_noscript.html" title="HTML <noscript> ƙaɗa"><noscript></a></li> <li><a href="/ha/tags/tag_object.html" title="HTML <object> ƙaɗa"><object></a></li> <li><a href="/ha/tags/tag_ol.html" title="HTML <ol> ƙaɗa"><ol></a></li> <li><a href="/ha/tags/tag_optgroup.html" title="HTML <optgroup> ƙaɗa"><optgroup></a></li> <li><a href="/ha/tags/tag_option.html" title="HTML <option> ƙaɗa"><option></a></li> <li><a href="/ha/tags/tag_output.html" title="HTML <output> ƙaɗa"><output></a></li> <li><a href="/ha/tags/tag_p.html" title="HTML <p> ƙaɗa"><p></a></li> <li><a href="/ha/tags/tag_param.html" title="HTML <param> ƙaɗa"><param></a></li> <li><a href="/ha/tags/tag_picture.html" title="HTML <picture> ƙaɗa"><picture></a></li> <li><a href="/ha/tags/tag_pre.html" title="HTML <pre> ƙaɗa"><pre></a></li> <li><a href="/ha/tags/tag_progress.html" title="HTML <progress> ƙaɗa"><progress></a></li> <li><a href="/ha/tags/tag_q.html" title="HTML <q> ƙaɗa"><q></a></li> <li><a href="/ha/tags/tag_rp.html" title="HTML <rp> ƙaɗa"><rp></a></li> <li><a href="/ha/tags/tag_rt.html" title="HTML <rt> ƙaɗa"><rt></a></li> <li><a href="/ha/tags/tag_ruby.html" title="HTML <ruby> ƙaɗa"><ruby></a></li> <li><a href="/ha/tags/tag_s.html" title="HTML <s> ƙaɗa"><s></a></li> <li><a href="/ha/tags/tag_samp.html" title="HTML <samp> ƙaɗa"><samp></a></li> <li><a href="/ha/tags/tag_script.html" title="HTML <script> ƙaɗa"><script></a></li> <li><a href="/ha/tags/tag_search.html" title="HTML <search> ƙaɗa"><search></a></li> <li><a href="/ha/tags/tag_section.html" title="HTML <section> ƙaɗa"><section></a></li> <li><a href="/ha/tags/tag_select.html" title="HTML <select> ƙaɗa"><select></a></li> <li><a href="/ha/tags/tag_small.html" title="HTML <small> ƙaɗa"><small></a></li> <li><a href="/ha/tags/tag_source.html" title="HTML <source> ƙaɗa"><source></a></li> <li><a href="/ha/tags/tag_span.html" title="HTML <span> ƙaɗa"><span></a></li> <li><a href="/ha/tags/tag_strike.html" title="HTML <strike> ƙaɗa"><strike></a></li> <li><a href="/ha/tags/tag_strong.html" title="HTML <strong> ƙaɗa"><strong></a></li> <li><a href="/ha/tags/tag_style.html" title="HTML <style> ƙaɗa"><style></a></li> <li><a href="/ha/tags/tag_sub.html" title="aɗɗan <sub> tabbin"><sub></a></li> <li><a href="/ha/tags/tag_summary.html" title="aɗɗan <summary> tabbin"><summary></a></li> <li><a href="/ha/tags/tag_sup.html" title="aɗɗan <sup> tabbin"><sup></a></li> <li><a href="/ha/tags/tag_svg.html" title="aɗɗan <svg> tabbin"><svg></a></li> <li><a href="/ha/tags/tag_table.html" title="aɗɗan <table> tabbin"><table></a></li> <li><a href="/ha/tags/tag_tbody.html" title="aɗɗan <tbody> tabbin"><tbody></a></li> <li><a href="/ha/tags/tag_td.html" title="aɗɗan <td> tabbin"><td></a></li> <li><a href="/ha/tags/tag_template.html" title="aɗɗan <template> tabbin"><template></a></li> <li><a href="/ha/tags/tag_textarea.html" title="aɗɗan <textarea> tabbin"><textarea></a></li> <li><a href="/ha/tags/tag_tfoot.html" title="aɗɗan <tfoot> tabbin"><tfoot></a></li> <li><a href="/ha/tags/tag_th.html" title="aɗɗan <th> tabbin"><th></a></li> <li><a href="/ha/tags/tag_thead.html" title="aɗɗan <thead> tabbin"><thead></a></li> <li><a href="/ha/tags/tag_time.html" title="aɗɗan <time> tabbin"><time></a></li> <li><a href="/ha/tags/tag_title.html" title="aɗɗan <title> tabbin"><title></a></li> <li><a href="/ha/tags/tag_tr.html" title="aɗɗan <tr> tabbin"><tr></a></li> <li><a href="/ha/tags/tag_track.html" title="aɗɗan <track> tabbin"><track></a></li> <li><a href="/ha/tags/tag_tt.html" title="aɗɗan <tt> tabbin"><tt></a></li> <li><a href="/ha/tags/tag_u.html" title="aɗɗan <u> tabbin"><u></a></li> <li><a href="/ha/tags/tag_ul.html" title="aɗɗan <ul> tabbin"><ul></a></li> <li><a href="/ha/tags/tag_var.html" title="aɗɗan <var> tabbin"><var></a></li> <li><a href="/ha/tags/tag_video.html" title="aɗɗan <video> tabbin"><video></a></li> <li><a href="/ha/tags/tag_wbr.html" title="aɗɗan <wbr> tabbin"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com Ɗababbu">CodeW3C.com Ɗababbu</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1><div> Tag HTML</h1> <div class="prenextnav"> <ul> <li> aɗɗan <dd> tabbin <a href="/ha/tags/tag_dir.html" title="<dir> Tag HTML">aɗɗan <dl> tabbin</a></li> <li> aɗɗan <div> tabbin <a href="/ha/tags/tag_dl.html" title="<dl> Tag HTML">aɗɗan <dt> tabbin</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>aɗɗan <dt> tabbin</code> 标签定义 HTML 文档中的分割或部分（分区或小节，division/section）。</p> <p><code>aɗɗan <dt> tabbin</code> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。</p> <p>任何类型的内容都可以放在 <code>aɗɗan <dt> tabbin</code> 标签内！<code>aɗɗan <dt> tabbin</code> 标签可用作 HTML 元素的容器，然后使用 CSS 设置样式或使用 JavaScript 进行操作。</p> <p>如果用 <code>id</code> 或 <code>class</code> 来标记 <code>aɗɗan <dt> tabbin</code>，那么该标签的作用会变得更加有效。通过使用 <code>class</code> 或 <code>id</code> 属性，可以轻松地对 <code>aɗɗan <dt> tabbin</code> 标签设置样式。</p> <p class="important"><span>注意：</span>默认情况下，浏览器总是在 <code>aɗɗan <dt> tabbin</code> 元素前后放置一个换行符。</p> <h3>用法</h3> <p><code>aɗɗan <dt> tabbin</code> 是块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <code>aɗɗan <dt> tabbin</code> 固有的唯一格式表现。可以通过 <code>aɗɗan <dt> tabbin</code> 的 <code>class</code> 或 <code>id</code> 应用额外的样式。</p> <p>不必为每一个 <code>aɗɗan <dt> tabbin</code> 都加上类或 id，虽然这样做也有一定的好处。</p> <p>可以对同一个 <code>aɗɗan <dt> tabbin</code> 元素应用 <code>class</code> 或 <code>id</code> 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。</p> <h3>另请参阅：</h3> <p>HTML 教程：<a href="/ha/html/html_blocks.html" title="aɗɗan <dl> tabbin">aɗɗan <dl> tabbin</a></p> <p>HTML 教程：<a href="/ha/html/html_layout.html" title="Ɗaɗɗan na HTML">Ɗaɗɗan na HTML</a></p> <p>HTML DOM 参考手册：<a href="/ha/jsref/dom_obj_div.html" title="aɗɗan <dir> tabbin">Div 对象</a></p> </div> <div> <h2>实例</h2> <p>文档中使用 CSS 设置样式的 <div> 部分：</p> <pre class="language-html"> <html> <head> <style> .myDiv { border: 5px outset red; background-color: lightblue; text-align: center; aɗɗan <dt> tabbin </style> </head> <body> <div class="myDiv"> <h2>这是 div 元素中的标题</h2> <p>这是 div 元素中的一些文本。</p> </div> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=tags_div">aɗɗan <dd> tabbin</a></p> <h3>案例分析</h3> <pre class="language-html"> <body> <h1>新的网站</h1> <p>一些文字。一些文字。一些文字...</p> ... <div class="news"> <h2>新闻头条 1</h2> <p>一些文字。一些文字。一些文字...</p> ... </div> <div class="news"> <h2>新闻头条 2</h2> <p>一些文字。一些文字。一些文字...</p> ... </div> ... </body> </pre> <h3>例子解释</h3> <p>正如您看到的，上面这段 HTML 模拟了新闻网站的结构。其中的每个 div 把每条新闻的标题和摘要组合在一起，也就是说，div 为文档添加了额外的结构。同时，由于这些 div 属于同一类元素，所以可以使用 class="news" 对这些 div 进行标识，这么做不仅为 div 添加了合适的语义，而且便于进一步使用样式对 div 进行格式化，可谓一举两得。</p> <p class="tip"><span>kawarci:</span>aɗɗan <div> tabbin</p> </div> <div> <h2>aɗɗan <dt> tabbin</h2> <p><code>aɗɗan <dt> tabbin</code> aɗɗan <div> tabbin <a href="/ha/tags/html_ref_standardattributes.html" title="Global Attribute HTML">aɗɗan <dd> tabbin</a>aɗɗan <dd> tabbin</p> </div> <div> <h2>aɗɗan <dl> tabbin</h2> <p><code>aɗɗan <dt> tabbin</code> aɗɗan <div> tabbin <a href="/ha/tags/html_ref_eventattributes.html" title="Ɗaɗɗan na HTML">aɗɗan <dt> tabbin</a>aɗɗan <dd> tabbin</p> </div> <div> <h2>aɗɗan <dl> tabbin</h2> <p>aɗɗan <div> tabbin <code>aɗɗan <dt> tabbin</code> aɗɗan <dd> tabbin</p> <pre class="language-css"> aɗɗan <dl> tabbin aɗɗan <div> tabbin aɗɗan <dt> tabbin </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=tags_div_default_css">aɗɗan <dd> tabbin</a></p> </div> <div> <h2>aɗɗan <dl> tabbin</h2> <table class="browser-support"> <tr> <th class="bsChrome">aɗɗan <div> tabbin</th> <th class="bsEdge">aɗɗan <dt> tabbin</th> <th class="bsFirefox">aɗɗan <dd> tabbin</th> <th class="bsSafari">aɗɗan <dl> tabbin</th> <th class="bsOpera">aɗɗan <div> tabbin</th> </tr> <tr> <td>aɗɗan <div> tabbin</td> <td>aɗɗan <dt> tabbin</td> <td>aɗɗan <dd> tabbin</td> <td>aɗɗan <dl> tabbin</td> <td>aɗɗan <div> tabbin</td> </tr> <tr> <td>aɗɗan <dt> tabbin</td> <td>aɗɗan <dt> tabbin</td> <td>aɗɗan <dt> tabbin</td> <td>aɗɗan <dt> tabbin</td> <td>aɗɗan <dt> tabbin</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> aɗɗan <dd> tabbin <a href="/ha/tags/tag_dir.html" title="<dir> Tag HTML">aɗɗan <dl> tabbin</a></li> <li> aɗɗan <div> tabbin <a href="/ha/tags/tag_dl.html" title="<dl> Tag HTML">aɗɗan <dt> tabbin</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> aɗɗan <dd> tabbin </center><h3> <h5 id="tools_reference"><a href="/ha/tags/index.html">aɗɗan <dl> tabbin</a></h5> <h5 id="tools_example"><a href="/ha/html/html_examples.html">aɗɗan <div> tabbin</a></h5> <h5 id="tools_quiz"><a href="/ha/html/html_quiz.html">aɗɗan <dt> tabbin</a></h5> <h5 id="tools_tutorial"><a href="/ha/html/index.html">aɗɗan <dd> tabbin</a></h5> </div> <div><h3><center> aɗɗan <dl> tabbin </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> aɗɗan <div> tabbin </p> <p id="p2"> <a href="/ha/about/index.html" title="aɗɗan <dd> tabbin">aɗɗan <dd> tabbin</a> <a href="/ha/about/about_helping.html" title="aɗɗan <dt> tabbin">aɗɗan <dt> tabbin</a> <a href="/ha/about/about_use.html" title="aɗɗan <div> tabbin">aɗɗan <dt> tabbin</a> <a href="/ha/about/about_privacy.html" title="aɗɗan <dl> tabbin">aɗɗan <dd> tabbin</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Kaiyewa Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>