列表

有序列表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表格与列表列表、表格与图片插入 fastadmin表格列表条件筛选 freemarker 导出word（表格，多列表，多图片）（原创） HTML5列表标签和表格标签一张图解析FastAdmin中的表格列表的功能（一）Python入门-3序列：08列表-二维列表-表格数据的存储和读取 vue,element列表大数据卡顿问题,vue列表渲染慢，element表格渲染慢，表格渲染慢（卡），表格全选卡，使用umy-ui vue,element列表大数据卡顿问题,vue列表渲染慢，element表格渲染慢，表格渲染慢（卡），表格全选卡循序渐进VUE+Element 前端应用开发(5）--- 表格列表页面的查询，列表展示和字段转义处理