Mafunzo ya CodeW3C kwenye Mtaani
  • Mafunzo ya HTML
  • Mabaki ya Mfumo wa Browser
  • Mabaki ya Mfumo wa Mtu wa Seriki
  • Mafunzo ya Programu
  • Mafunzo ya XML
  • Mashirika ya Kujenga Taarifa
  • Mashirika ya Taarifa

Mada ya Kusoma

Mashirika ya Taarifa

  • Mifumo ya Kifungu (kufikiria haraka)
  • Mifumo ya Kifungu (kufikiria ukingineza)
  • Mfano wa Kifungu cha Browser ya HTML
  • Vipengi vya Kifungu cha HTML
  • Matukio ya HTML
  • Vifaa vya Kina cha HTML
  • Canvas ya HTML
  • Video/ Audio ya HTML
  • Chaji cha Kifungu cha HTML
  • Aina ya Doku ya HTML
  • Kina cha URL cha HTML
  • Namba ya lugha ya HTML
  • Namba ya Dola ya HTML
  • Jadwa ya HTTP
  • Muundo wa HTTP
  • Mafupi ya Kibofu

HTML Taifaa

  • <!-->
  • <!DOCTYPE>
  • <a>
  • <abbr>
  • <acronym>
  • <address>
  • <applet>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <basefont>
  • <bdi>
  • <bdo>
  • <big>
  • <blockquote>
  • <body>
  • <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>
  • <head>
  • <header>
  • <hgroup>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • </a></li> <li><a href="/sw/tags/tag_noscript.html" title="Tabeli cha HTML &lt;noscript&gt;"><noscript></a></li> <li><a href="/sw/tags/tag_object.html" title="Tabeli cha HTML &lt;object&gt;"><object></a></li> <li><a href="/sw/tags/tag_ol.html" title="Tabeli cha HTML &lt;ol&gt;"><ol></a></li> <li><a href="/sw/tags/tag_optgroup.html" title="Tabeli cha HTML &lt;optgroup&gt;"><optgroup></a></li> <li><a href="/sw/tags/tag_option.html" title="Tabeli cha HTML &lt;option&gt;"><option></a></li> <li><a href="/sw/tags/tag_output.html" title="Tabeli cha HTML &lt;output&gt;"><output></a></li> <li><a href="/sw/tags/tag_p.html" title="Tabeli cha HTML &lt;p&gt;"><p></a></li> <li><a href="/sw/tags/tag_param.html" title="Tabeli cha HTML &lt;param&gt;"><param></a></li> <li><a href="/sw/tags/tag_picture.html" title="Tabeli cha HTML &lt;picture&gt;"><picture></a></li> <li><a href="/sw/tags/tag_pre.html" title="Tabeli cha HTML &lt;pre&gt;"><pre></a></li> <li><a href="/sw/tags/tag_progress.html" title="Tabeli cha HTML &lt;progress&gt;"><progress></a></li> <li><a href="/sw/tags/tag_q.html" title="Tabeli cha HTML &lt;q&gt;"><q></a></li> <li><a href="/sw/tags/tag_rp.html" title="Tabeli cha HTML &lt;rp&gt;"><rp></a></li> <li><a href="/sw/tags/tag_rt.html" title="Tabeli cha HTML &lt;rt&gt;"><rt></a></li> <li><a href="/sw/tags/tag_ruby.html" title="Tabeli cha HTML &lt;ruby&gt;"><ruby></a></li> <li><a href="/sw/tags/tag_s.html" title="Tabeli cha HTML &lt;s&gt;"><s></a></li> <li><a href="/sw/tags/tag_samp.html" title="Tabeli cha HTML &lt;samp&gt;"><samp></a></li> <li><a href="/sw/tags/tag_script.html" title="Tabeli cha HTML &lt;script&gt;"><script></a></li> <li><a href="/sw/tags/tag_search.html" title="Tabeli cha HTML &lt;search&gt;"><search></a></li> <li><a href="/sw/tags/tag_section.html" title="Tabeli cha HTML &lt;section&gt;"><section></a></li> <li><a href="/sw/tags/tag_select.html" title="Tabeli cha HTML &lt;select&gt;"><select></a></li> <li><a href="/sw/tags/tag_small.html" title="Tabeli cha HTML &lt;small&gt;"><small></a></li> <li><a href="/sw/tags/tag_source.html" title="Tabeli cha HTML &lt;source&gt;"><source></a></li> <li><a href="/sw/tags/tag_span.html" title="Tabeli cha HTML &lt;span&gt;"><span></a></li> <li><a href="/sw/tags/tag_strike.html" title="Tabeli cha HTML &lt;strike&gt;"><strike></a></li> <li><a href="/sw/tags/tag_strong.html" title="Tabeli cha HTML &lt;strong&gt;"><strong></a></li> <li><a href="/sw/tags/tag_style.html" title="Tabeli cha HTML &lt;style&gt;"><style></a></li> <li><a href="/sw/tags/tag_sub.html" title="HTML &lt;sub&gt; tiki"><sub></a></li> <li><a href="/sw/tags/tag_summary.html" title="HTML &lt;summary&gt; tiki"><summary></a></li> <li><a href="/sw/tags/tag_sup.html" title="HTML &lt;sup&gt; tiki"><sup></a></li> <li><a href="/sw/tags/tag_svg.html" title="HTML &lt;svg&gt; tiki"><svg></a></li> <li><a href="/sw/tags/tag_table.html" title="HTML &lt;table&gt; tiki"><table></a></li> <li><a href="/sw/tags/tag_tbody.html" title="HTML &lt;tbody&gt; tiki"><tbody></a></li> <li><a href="/sw/tags/tag_td.html" title="HTML &lt;td&gt; tiki"><td></a></li> <li><a href="/sw/tags/tag_template.html" title="HTML &lt;template&gt; tiki"><template></a></li> <li><a href="/sw/tags/tag_textarea.html" title="HTML &lt;textarea&gt; tiki"><textarea></a></li> <li><a href="/sw/tags/tag_tfoot.html" title="HTML &lt;tfoot&gt; tiki"><tfoot></a></li> <li><a href="/sw/tags/tag_th.html" title="HTML &lt;th&gt; tiki"><th></a></li> <li><a href="/sw/tags/tag_thead.html" title="HTML &lt;thead&gt; tiki"><thead></a></li> <li><a href="/sw/tags/tag_time.html" title="HTML &lt;time&gt; tiki"><time></a></li> <li><a href="/sw/tags/tag_title.html" title="HTML &lt;title&gt; tiki"><title></a></li> <li><a href="/sw/tags/tag_tr.html" title="HTML &lt;tr&gt; tiki"><tr></a></li> <li><a href="/sw/tags/tag_track.html" title="HTML &lt;track&gt; tiki"><track></a></li> <li><a href="/sw/tags/tag_tt.html" title="HTML &lt;tt&gt; tiki"><tt></a></li> <li><a href="/sw/tags/tag_u.html" title="HTML &lt;u&gt; tiki">&lt;u&gt;</a></li> <li class="currentLink"><a href="/sw/tags/tag_ul.html" title="HTML &lt;ul&gt; tiki">&lt;ul&gt;</a></li> <li><a href="/sw/tags/tag_var.html" title="HTML &lt;var&gt; tiki">&lt;var&gt;</a></li> <li><a href="/sw/tags/tag_video.html" title="HTML &lt;video&gt; tiki"><video></a></li> <li><a href="/sw/tags/tag_wbr.html" title="HTML &lt;wbr&gt; tiki"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐:</h2> <ul> <li><a href="/sw/howto/index.html" title="CodeW3C.com Kikaa cha Kibao">CodeW3C.com Kikaa cha Kibao</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>HTML &lt;ul&gt; tiki</h1> <div class="prenextnav"> <ul> <li> Kwanza Kuzingatia <a href="/sw/tags/tag_u.html" title="HTML &lt;u&gt; tiki">&lt;u&gt;</a></li> <li> Pya Kuzingatia <a href="/sw/tags/tag_var.html" title="HTML &lt;var&gt; tiki">&lt;var&gt;</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>&lt;ul&gt;</code> 标签定义无序(带项目符号)列表。</p> <p>请使用 <code>&lt;ul&gt;</code> 标签和 <li> 标签来创建无序列表。</p> <p class="tip"><span>提示:</span>请使用 CSS 来<a href="" title="">设置列表样式</a>.</p> <p class="tip"><span>提示:</span>对于有序列表,请使用 <a href="/sw/tags/tag_ol.html" title="Tabeli cha HTML &lt;ol&gt;"><ol> 标签</a>.</p> <h3>另请参阅:</h3> <p>HTML 教程:<a href="/sw/html/html_lists.html" title="HTML Orodha">HTML Orodha</a></p> <p>HTML DOM 参考手册:<a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Ul Mtu">Ul 对象</a></p> <p>CSS 教程:<a href="/sw/css/css_list.html" title="CSS Orodha">设置列表的样式</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>一个无序的 HTML 列表:</p> <pre class="language-html"> &lt;ul&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Cha&lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_ul">Tafuta Tena</a></p> <h3>Mfano 2</h3> <p>Kuzingatia aina ya kila kipande cha cha kina kina kina (kutumia CSS):</p> <pre class="language-html"> &lt;ul style=&quot;list-style-type:circle&quot;&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Cha&lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; &lt;ul style=&quot;list-style-type:disc&quot;&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Cha&lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; &lt;ul style=&quot;list-style-type:square&quot;&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Cha&lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_ul_type_css">Tafuta Tena</a></p> <h3>Mfano 3</h3> <p>Kipunguza na kuzingatia kipande cha cha kina kina kina (kutumia CSS):</p> <pre class="language-html"> &lt;ul style=&quot;line-height:180%&quot;&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Cha&lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; &lt;ul style=&quot;line-height:80%&quot;&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Cha&lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_ul_compact_css">Tafuta Tena</a></p> <h3>Mfano 4</h3> <p>Kichapa kipande cha cha kina kina kina (kina kina kina):</p> <pre class="language-html"> &lt;ul&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Chai&lt;/li&gt; &lt;ul&gt; &lt;li&gt;Pu'er&lt;/li&gt; &lt;li&gt;Chai&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_li_2">Tafuta Tena</a></p> <h3>Mfano 5</h3> <p>Kichapa vitu vinavyofanana vya kichwa kina kina:</p> <pre class="language-html"> &lt;ul&gt; &lt;li&gt;Kahawa&lt;/li&gt; &lt;li&gt;Chai&lt;/li&gt; &lt;ul&gt; &lt;li&gt;Pu'er&lt;/li&gt; &lt;li&gt;Usima wa Kati&lt;/li&gt; &lt;ul&gt; &lt;li&gt;Biluochun&lt;/li&gt; &lt;li&gt;Lungjing&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;Usima&lt;/li&gt; &lt;/ul&gt; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_nestedlists">Tafuta Tena</a></p> </div> <div> <h2>Masharti ya Jumla</h2> <p><code>&lt;ul&gt;</code> Tiki pia inasaa <a href="/sw/tags/html_ref_standardattributes.html" title="Vipengi vya Kifungu cha HTML">Masharti ya Jumla ya HTML</a>.</p> </div> <div> <h2>Hatua ya Siasa</h2> <p><code>&lt;ul&gt;</code> Tiki pia inasaa <a href="/sw/tags/html_ref_eventattributes.html" title="HTML Hatua ya Siasa">Hatua ya Siasa ya HTML</a>.</p> </div> <div> <h2>Masharti ya CSS ya Kwa Kusababu</h2> <p>Kawaida kwa kila kifungu kinatumiwa kwenye mifano yafuatavyo <code>&lt;ul&gt;</code> Kitu:</p> <pre class="language-css"> ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tags_ul_default_css">Tafuta Tena</a></p> </div> <div> <h2>Muungano wa Kifungu</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> Kwanza Kuzingatia <a href="/sw/tags/tag_u.html" title="HTML &lt;u&gt; tiki">&lt;u&gt;</a></li> <li> Pya Kuzingatia <a href="/sw/tags/tag_var.html" title="HTML &lt;var&gt; tiki">&lt;var&gt;</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifaa cha Kifaa </center><h3> <h5 id="tools_reference"><a href="/sw/tags/index.html">Mafunzo ya HTML</a></h5> <h5 id="tools_example"><a href="/sw/html/html_examples.html">Mifano ya HTML</a></h5> <h5 id="tools_quiz"><a href="/sw/html/html_quiz.html">Mafunzo ya HTML</a></h5> <h5 id="tools_tutorial"><a href="/sw/html/index.html">Mafunzo ya HTML</a></h5> </div> <div><h3><center> Makutano ya Mwabika </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Kikaa cha CodeW3C.com kinachopatikana kwa mafunzo na mchakato, hakuna tufaani kuhusu uharibifu wa mawasiliano. Mabaya yaliyotumiwa kwenye tovuti huzungumza na tovuti hiyo. Hisia zote zimejumuisha, hata zote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada CodeW3C.com">Msaada CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mada ya Kutoa Sanaa</a> <a href="/sw/about/about_privacy.html" title="Kuhusu Sifinyo">Mada ya Sifinyo</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="Inaruhusi na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>