5、列表、表格

    技术2022-07-11  79

    列表、表格

    列表表格

    一、列表

    1.1、说明

    ​ 列表是块级元素。<ul>是无序列表,<ol>是有序列表。

    1.2、属性

    无序列表<ul> type:disc——实心圆,square——实心方块,circle——空心圆。 有序列表<ol> reverset=“reverset”:将列表设置为降序排列。type:1、A、a、I、i。(后面两个是罗马数字符号)start:规定列表序号的起始下标(数字),最好还是配合type属性一起使用。 列表项<li> value:和start的作用一样,但优先级更高。type:和type的作用一样,但优先级更高。

    1.3、使用

    1)、有序列表

    <body> <ul type="1"> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> <li>无序列表4</li> </ul> </body>

    2)、无序列表

    <body> <ol type="A" start="D"> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> <li>无序列表4</li> </ol> </body>

    二、表格

    2.1、说明

    ​ 顾名思义,在网页中插入一个表格。 ​ 所有的width和height属性值,都是不包括外框的。

    2.2、属性

    table width:表格宽度(不包含外框线),默认是随表格内容自动调整。border:表格外框的厚度。cellpadding:单元格内边距。cellspacing:规定单元格之间的空白。bgcolor:表格的背景颜色 tr: align:文本水平对齐方式。【left、center、right】valign:文本垂直对齐方式。【top、middle、bottom】 td、th: align:文本水平对齐方式。【left、center、right】valign:文本垂直对齐方式。【top、middle、bottom】rowspan:跨列数量colspan:跨行数量

    2.3、使用

    <body> <table><!--表格容器--> <tr><!--行容器,第1行--> <th>标题一</th><!--单元格>>标题--> <th>标题二</th> </tr> <tr><!--行容器,第2行--> <th>标题一</th><!--单元格>>值--> <th>标题二</th> </tr> </table> </body>
    Processed: 0.010, SQL: 9