(3)html列表

<html>
	<head>
		<meta charset="utf-8" /> 
		<title>列表</title>
	</head>
	
	<body>
		<h1>利用ul創建無序列表</h1>
		<ul>
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ul>

		<h1>利用ol創建有序列表</h1>
		<ol>
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ol>	
		<p><b>可通過type屬性選擇有序列表的序號(type已棄用,CSS可進行設置)</b></p>
		<p><b>1:數字;A:大寫字母;a:小寫字母;I:大寫羅馬數字;i:小寫羅馬數字</b></p>	
		<ol type="i">
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ol>	
		<p><b>可通過start屬性設置序號的起始值</b></p>
		<ol type="i" start="5">
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ol>

		<h1>利用dl創建定義列表,用於提供術語,並在屬於之後跟上簡單描述</h1>
		<ul>
			<dt>NBA</dt>
			<dd>美國職業籃球聯賽</dd>
			<dt>HTML</dt>
			<dd>超文本表示語言</dd>
		</ul>

		<h1>各種列表可以相互嵌套</h1>
		<ol type="A">
			<li>one</li>
			<li>two
				<ul>
					<li>one</li>
					<li>two</li>
					<li>three</li>
				</ul>
			</li>
			<li>three
				<ul>
					<dt>NBA</dt>
					<dd>美國職業籃球聯賽</dd>
					<dt>HTML</dt>
					<dd>超文本表示語言</dd>
				</ul>			
			</li>
		</ol>			
	</body>
</html>

發佈了41 篇原創文章 · 獲贊 1 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章