HTML <ul> tiki
定义和用法
<ul>
标签定义无序(带项目符号)列表。
请使用 <ul>
标签和
提示:请使用 CSS 来设置列表样式.
提示:对于有序列表,请使用 标签
.
另请参阅:
HTML 教程:HTML Orodha
HTML DOM 参考手册:Ul 对象
CSS 教程:设置列表的样式
实例
例子 1
一个无序的 HTML 列表:
<ul> <li>Kahawa</li> <li>Cha</li> <li>Usima</li> </ul>
Mfano 2
Kuzingatia aina ya kila kipande cha cha kina kina kina (kutumia CSS):
<ul style="list-style-type:circle"> <li>Kahawa</li> <li>Cha</li> <li>Usima</li> </ul> <ul style="list-style-type:disc"> <li>Kahawa</li> <li>Cha</li> <li>Usima</li> </ul> <ul style="list-style-type:square"> <li>Kahawa</li> <li>Cha</li> <li>Usima</li> </ul>
Mfano 3
Kipunguza na kuzingatia kipande cha cha kina kina kina (kutumia CSS):
<ul style="line-height:180%"> <li>Kahawa</li> <li>Cha</li> <li>Usima</li> </ul> <ul style="line-height:80%"> <li>Kahawa</li> <li>Cha</li> <li>Usima</li> </ul>
Mfano 4
Kichapa kipande cha cha kina kina kina (kina kina kina):
<ul> <li>Kahawa</li> <li>Chai</li> <ul> <li>Pu'er</li> <li>Chai</li> </ul> </li> <li>Usima</li> </ul>
Mfano 5
Kichapa vitu vinavyofanana vya kichwa kina kina:
<ul> <li>Kahawa</li> <li>Chai</li> <ul> <li>Pu'er</li> <li>Usima wa Kati</li> <ul> <li>Biluochun</li> <li>Lungjing</li> </ul> </li> </ul> </li> <li>Usima</li> </ul>
Masharti ya Jumla
<ul>
Tiki pia inasaa Masharti ya Jumla ya HTML.
Hatua ya Siasa
<ul>
Tiki pia inasaa Hatua ya Siasa ya HTML.
Masharti ya CSS ya Kwa Kusababu
Kawaida kwa kila kifungu kinatumiwa kwenye mifano yafuatavyo <ul>
Kitu:
ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; }
Muungano wa Kifungu
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Msaada | Msaada | Msaada | Msaada | Msaada |