? ? ? ? ? ? 還是舉個(gè)例子吧,如下圖所示物舒,該怎么樣通過HTML實(shí)現(xiàn)這個(gè)列表呢?
Javascript
和 Java
呐粘。每一項(xiàng)中又嵌套了一個(gè)含有兩項(xiàng)的有序列表:第一章
和 第二章
。每一項(xiàng)有序列表中又嵌套了一個(gè)含有兩項(xiàng)的無序列表转捕。分析完之后作岖,我們就可以通過HTML來實(shí)現(xiàn)這個(gè)列表了。
- 創(chuàng)建一個(gè)含有兩項(xiàng)的無序列表
<html>
<body>
<ul>
<li>Javascript</li>
<li>Java</li>
</ul>
</body>
</html>
結(jié)果如圖1所示:
- 為無序列表的每一項(xiàng)嵌套一個(gè)含有兩項(xiàng)的有序列表
<html>
<body>
<ul>
<li>Javascript
<ol type=1>
<li>第一章
<li>第二章
</ol>
</li>
<li>Java
<ol type=1>
<li>第一章
<li>第二章
</ol>
</li>
</ul>
</body>
</html>
效果如圖2所示:
在創(chuàng)建有序列表時(shí)五芝,需要在
<ol>
標(biāo)簽中聲明type
屬性痘儡,type屬性包括:
type屬性 | 描述 |
---|---|
type=1 | 列表項(xiàng)目用數(shù)字標(biāo)號 |
type = A | 列表項(xiàng)目用大寫字母標(biāo)號 |
type = a | 列表項(xiàng)目用小寫字母標(biāo)號 |
type = I | 列表項(xiàng)目用大寫羅馬數(shù)字標(biāo)號 |
type = i | 列表項(xiàng)目用小寫羅馬數(shù)字標(biāo)號 |
- 為有序列表的每一項(xiàng)嵌套一個(gè)含有兩項(xiàng)的無序列表
<html>
<body>
<ul>
<li>Javascript
<ol type="1">
<li>第一章
<ul>
<li>const</li>
<li>let</li>
</ul>
</li>
<li>第二章
<ul>
<li>function</li>
<li>object</li>
</ul>
</li>
</ol>
</li>
<li>Java
<ol type="1">
<li>第一章
<ul>
<li>class</li>
<li>package</li>
</ul>
</li>
<li>第二章
<ul>
<li>private</li>
<li>public</li>
</ul>
</li>
</ol>
</li>
</ul>
</body>
</html>
效果如圖3所示