標籤：body 定義 資訊 circle color 有序列表 列表 不同的 方式
HTML 列表html中列表使用標籤<ul>和 <ol>來實現，不同的行用標籤<li>來實現 <li>中包含的就是列表每行的內容。列表包含有序列表<ol> 和 無序列表<ul>
定義列表自訂欄表不僅僅是一列項目，而是項目及其注釋的組合。
自訂欄表以 <dl> 標籤開始。每個自訂欄表項以 <dt> 開始。每個自訂欄表項的定義以 <dd> 開始。
執行個體
不同類型的無序列表
<body> <h4>Disc 項目符號清單</h4> <ul type="disc"> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> </ul> <h4>Circle 項目符號清單</h4> <ul type="circle"> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> </ul> <h4>Square 項目符號清單</h4> <ul type="square"> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> </ul> </body>
不同類型的有序列表
<body> <h4>數字列表</h4> <ol> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> </ol> <h4>字母列表</h4> <ol type="A"> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> </ol> <h4>小寫字母列表</h4> <ol type="a"> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> </ol> <h4>羅馬字母列表：</h4> <ol type="I"> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> <li>桔子</li> </ol> <h4>小寫羅馬字母列表：</h4> <ol type="i"> <li>蘋果</li> <li>香蕉</li> <li>檸檬</li> <li>桔子</li> </ol> </body>
嵌套列表
<body> <h4>嵌套列表</h4> <ol> <li>茶： <ul> <li>紅茶</li> <li>綠茶</li> </ul> </li> <li>香蕉</li> <li>檸檬</li> </ol> </body>
自訂欄表
<body> <h4>自訂欄表</h4> <dl> <dt>電腦</dt> <dd>注釋:用來計算的機器</dd> <dt>顯示器</dt> <dd>以視覺方式顯示資訊的裝置</dd> </dl> </body>
HTML列表的學習就到這裡了。
HTML 學習筆記(列表)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
