Day 9

1月19日，继续看了一些HTML知识点。
7、列表

（1）、无序列表。

Html中列表也是常用的元素。无序列表用<ul><li></li></ul>表示。

说明：

属性：type

属性值： 列表前的符号

disc 　　 实心原点

circle　　　　 符号为空心圆

square　　　　 符号为方形

例子如下：

<ul type="disc">
         <li>苹果</li>
         <li>香蕉</li>
         <li>雪梨</li>
 </ul>

<ul type="circle">
    <li>苹果</li>
    <li>香蕉</li>
    <li>雪梨</li>
    </ul>

<ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
    <li>雪梨</li>
    </ul>

（2）、有序列表

有序列表使用数字或字母系统来组织列表里包含的信息。有序列表可以使用数字(默认)、大写字母、小写字母、大写罗马数字和小写罗马数字排列项目。

说明：

属性 属性值 说明

type 1、 a 、 A、i、I 用来设置项目前面的标记

start 数值 排序的起点数值

<ol type="1" start="2">

         <li>苹果</li>
         <li>香蕉</li>
         <li>雪梨</li>
         </ol>

         <ol type="a">

         <li>苹果</li>
         <li>香蕉</li>
         <li>雪梨</li>
         </ol>

         <ol type="A">

         <li>苹果</li>
         <li>香蕉</li>
         <li>雪梨</li>
         </ol>

         <ol type="i">

         <li>苹果</li>
         <li>香蕉</li>
         <li>雪梨</li>
         </ol>

         <ol type="I">

         <li>苹果</li>
         <li>香蕉</li>
         <li>雪梨</li>
         </ol>

（3）、定义列表

定义列表用来组织术语和它们的定义。任何信息如果包含多个术语和相对应的解释，都可以使用定义列表进行组织。

<dl>

<dt>爱好</dt>

<dd>听歌</dd>

<dt>爱好</dt>

<dd>跑步 </dd>

<dd>唱歌 </dd>

</dl>

8、 表格

表格由<table>标签以及一个或多个 tr、th或td 元素组成。

单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

基本结构：

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

说明：

html有10个表格相关的标签。

<col>　　　　　 定义列

<colgroup>　　 定义表格列的分组

<table>　　　   定义表格

<tbody>　　  　定义表格主体

<td>　　　　　 定义一个单元格

<tfoot>　　　　定义表格的表注（底部）

<th>　　　　 　定义表格表头

<thead>　　 　定义表格的表头

<tr>　　　　　 定义行

• 通常很少使用<tbody>、<thead>、<tfoot>标签，因为浏览器对它们的支持不好。

属性说明：

属性 值 说明

width px、 % 指定表格的宽度

height px、% 表格的高度

border px 指定表格边框的宽度

cellpadding px 指定边框与内容之间的空白

cellspacing px、 % 指定单元格之间的空白

align left、 right 、 center 指定表格的对齐方式

valign top、 middle 、 bottom 垂直排列方式

colspan 列数 合并列单元格

rowspan 行数 合并行单元格

bgcolor 颜色值 表格背景色

background 图片　　　　　　　　　 　 表格背景图

bordercolor 　 　颜色值　 表格边框颜色