0
点赞
收藏
分享

微信扫一扫

HTML列表标签学习

一、有序列表

例子:

<ol>
	<li>苹果</li>
	<li>梨子</li>
</ol>

其中有序列表可以有不同的排序方式:

<h4>大写字母列表:</h4>
<ol type="A">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol>  

<h4>小写字母列表:</h4>
<ol type="a">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol>  

<h4>罗马数字列表:</h4>
<ol type="I">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol>  

<h4>小写罗马数字列表:</h4>
<ol type="i">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>

二、无序列表

例子:

<ul>
	<li>Coffee</li>
	<li>Milk</li>
</ul>

无序列表同样也有多种排序方式:

<h4>圆点列表:</h4>
<ul style="list-style-type:disc">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ul>  

<h4>圆圈列表:</h4>
<ul style="list-style-type:circle">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ul>  

<h4>正方形列表:</h4>
<ul style="list-style-type:square">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ul>

三、自定义列表

例子

<dl>
			<dt>水果</dt>
				<dd>苹果</dd>
				<dd>香蕉</dd>
			<dt>蔬菜</dt>
				<dd>西红柿</dd>
		</dl>


举报

相关推荐

html列表标签

HTML-列表标签

HTML - 07 列表标签

HTML常用标签之列表标签

HTML常见的列表标签

0 条评论