html第三天

列表

1.有序

    <ol type = “” start = “">

        <li></li>

        <li></li>

    </ol>

type = “” 1,a,A,i,I

start = “”序列号(从第几个开始)

2.无序(重点）

<ul type = “">

    <li></li>

     <li></li>

</ul>

3.定义列表

    <dl>

        <dt></dt>(标题列)

        <dd></dd>(定义列)

        <dd></dd>

    </dl>

列表的嵌套

列表中可以嵌套多个列表

<ul type = “">

    <li>女装

            <ul>

                <li></li>

                <li></li>

            </ul>

    </li>

     <li>男装</li>

</ul>

表格

没有div+css的时候，我们都用表格布局

数据的陈列

<table>

<caption>表格的标题<caption>

<tr>(行)

<td></td>(列)(列是包含在行里面的)

</tr>

</table>

表格的属性:border = “1” (边框宽度为1)

                    bordercolor ＝ “”(边框线的颜色)

                    cellspacing = “”单元格边线之间的距离

                    cellpading = “”内容与单元格边线的距离(不推荐使用，单元格的宽度是根据内容而定的)

                    width = “”,height = “”(用这两个属性)

                    align = “” (对齐方式) left/center/right

                    bgcolor = “”(背景颜色)

                    background = “”(背景图片)

tr,td的属性

width = “” height = “”

bgcolor = “”

align = “”

background = “”

td与th的区别:th标签中的字体会自动居中并且加粗，td就不会

合并单元格

(1)合并列(在同行中，从左到右)

colspan = “2” 合并两个单元格

(2)合并行(在相邻行当中)

rowspan = “2"