列表

有序列表ol

<ol type="屬性值">
    <li>墨隱好帥</li>
    <li>阿巴阿巴</li>
    <li>墨隱好帥</li>
    <li>阿巴阿巴</li>
</ol>

無序列表ul

<ul type="屬性值">
    <li>墨隱好帥</li>
    <li>阿巴阿巴</li>
    <li>墨隱好帥</li>
    <li>阿巴阿巴</li>
</ul>

注：無序列表的 ul 的子元素里只能是 li 。

自定義列表dl

<dl>
    <dt>列表名稱</dt>
    
    <dd>列表內容</dd>
    <dd>墨隱好帥</dd>
    <dd>阿巴阿巴</dd>
    
    <dt>列表名稱</dt>
    
    <dd>列表內容</dd>
    <dd>墨隱好帥</dd>
    <dd>阿巴阿巴</dd>
</dl>

type屬性（前5個位有序列表）

屬性值	列表符號
1	1、2、3……
a	a、b、c……
A	A、B、C……
i	i、ii、iii……
I	I、II、III……
disc	實心圓
circle	空心圓
square	方塊

表格

語義化

語義化在編程中是一個很重要的東西，它主用於把程序分類可以一眼看出結構

表格的語義化就把表格分為：

表頭thead

表身tbody

表腳tfoot

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>表格</title>
        <style type="text/css">
            table,tr,th,td{border:1px solid silver;}
        </style>
 </head>
 <body>
        <table><!--這里表示內容為表格-->
            
            <caption>考試成績表</caption><!--表格標題-->
            <thead><!--表頭-->
                <tr><!--表示換行-->
                    <th>姓名</th><!--單元格內容加粗-->
                    <th>語文</th>
                    <th>數學</th>
                </tr>
            </thead>
            
            <tbody><!--表身-->
                <tr>
                    <td>張三</td><!--普通單元格-->
                    <td>99</td>
                    <td>99</td>
                </tr>
                 <tr>
                    <td>李四</td>
                    <td>99</td>
                    <td>99</td>
                 </tr>
            </tbody>

            <tfoot><!--表腳-->
                 <tr>
                    <td>平均分</td>
                    <td colspan="2">99</td>
                     <!--合並行：rowspan;合並列：colspan-->
                </tr>
            </tfoot>
        
        </table>
 </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 HTML表格與列表列表、表格與圖片插入 table 表格列表對不齊的問題 fastadmin表格列表條件篩選 markdown:列表、表格、代碼實現 python-docx表格樣式列表【HTML】--- 列表、表格、form表單標簽 vue表格多級列表嵌套數據 jquery 表格(展開和折疊列表項) freemarker 導出word（表格，多列表，多圖片）（原創）