1. 程式人生 > >html常用元素之列表元素

html常用元素之列表元素

1.無序列表

 (1)無序列表的type屬性disc

<p>
		無序列表
	</p>
	<ul type="disc">
		<li>實心圓無序</li>
		<li>實心圓無序</li>
		<li>實心圓無序</li>
	</ul>

(2)無序列表的type屬性circle

<ul type="circle">
		<li>空心圓無序</li>
		<li>空心圓無序</li>
		<li>空心圓無序</li>
	</ul>

(3)無序列表的type屬性square

<ul type="square">
		<li>方體無序</li>
		<li>方體無序</li>
		<li>方體無序</li>
	</ul>
示例:


2.有序列表

(1)有序列表的type屬性:整數、大小字母、羅馬字母

<p>
		有序列表		
	</p>
	<ol type="1">
		<li>數字有序</li>
		<li>數字有序</li>
		<li>數字有序</li>
	</ol>
	<ol type="A">
		<li>大寫字母有序</li>
		<li>大寫字母有序</li>
		<li>大寫字母有序</li>
	</ol>
	<ol type="a">
		<li>小寫字母有序</li>
		<li>小寫字母有序</li>
		<li>小寫字母有序</li>
	</ol>
	<ol type="i">
		<li>小寫羅馬字母有序</li>
		<li>小寫羅馬字母有序</li>
		<li>小寫羅馬字母有序</li>
	</ol>
	<ol type="I">
		<li>大寫羅馬字母有序</li>
		<li>大寫羅馬字母有序</li>
		<li>大寫羅馬字母有序</li>
	</ol>
示例:


(2)有序列表的start屬性:定義列表的開始序號,比如start='3'也就是在開始的數字不是1而是3

<p>有序列表的start屬性:定義開始序號,比如start='3'也就是在開始的數字不是1而是3</p>
	<ol type="1" start="3">
		<li>列表</li>
		<li>列表</li>
		<li>列表</li>
		<li>列表</li>
		<li>列表</li>
		<li>列表</li>
	</ol>
示例:


(3)有序列表的value屬性:在某一列重新開始定義列序號

<p>有序列表的value屬性:在某一列重新開始定義列序號</p>
	<ol type="1">
		<li>列表</li>
		<li>列表</li>
		<li value="7">列表</li>
		<li>列表</li>
		<li>列表</li>
		<li>列表</li>
		<li>列表</li>
	</ol>

示例:


3.自定義列表

<p>自定義列表用的元素是dl、dt、dd</p>
	<dl>
		<dt>列表專案1</dt>
		<dd>
			列表專案1的解釋*****************<br>
			***************************<br>
			******************<br>
			***********************
		</dd>
		<dt>列表專案2</dt>
		<dd>
			列表專案2的解釋*****************<br>
			***************************<br>
			******************<br>
			***********************
		</dd>
		<dt>列表專案3</dt>
		<dd>
			列表專案3的解釋*****************<br>
			***************************<br>
			******************<br>
			***********************
		</dd>
	</dl>	

示例: