HTML基礎教學之HTML列表
HTML項目符號(無序列表)
#網(wǎng)頁中的清單隨處可見,例如新聞頁面隨處可見這樣的清單
這些清單就可以使用ul-li標籤來完成。 ul-li是沒有前後順序的資訊列表。
在下面,我們來實現(xiàn)這樣的效果
語法:
##<ul >????<li>內容1</li>????<li>內容2</li>????<li>/li>????<li>/li>????<li>/li>??”> ##</ul>
- <ul>或<li>的常用屬性
- ##type:項目符號的類型,取值:disc(小黑點)、circle(空心圓)、square(實心方塊)
實例:<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<ul type="square">
<li>三星在大陸召回19萬臺Note7手機 可全額退款</li>
<li>國土部等5部委:進城落戶人口人均用地不超1百平米</li>
<li>13位科學家實名呼吁對韓春雨啟動調查:為學界名聲</li>
</ul>
</body>
</html>
註:在HTML標記中,內容應該放在最底層標記。
HTML編號清單(有序列表)
#網(wǎng)站之中還有這樣的清單
這類資訊展示就可以使用<ol>標籤來製作有序列表來展示。
文法:<ol>
#????<li>…</li>
????<li>/li>
????<li><li> ;……</li>
????<li>……</li>
????<li>……</li>- </ol> #<ol>或<li>的常用屬性
start:從第幾個開始編號(數(shù)字)。
######改造上面一個範例:###<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <ol type="1" start="1"> <li>三星在大陸召回19萬臺Note7手機 可全額退款</li> <li>國土部等5部委:進城落戶人口人均用地不超1百平米</li> <li>13位科學家實名呼吁對韓春雨啟動調查:為學界名聲</li> </ol> </body> </html>######註:大家可以試著改變屬性的值,看看輸出有什麼變化#######