清单标签


清单标签分为3种:

1、无序清单(​​<ul>​​记忆unorderlist)默认有小圆点

属性:type 取值:disc(圆点) circle(空心圆) square(方形)

2、有序清单(​​<ol>​​记忆orderlist)默认数字排序

属性:type 取值 1,a,A,i,I

   start

3、定义清单(​​<dl>​​记忆definelist)

使用​​<dt>​​​(清单标题)标签和​​<dd>​​(清单项)

HTML 排版与标签(四)_背景颜色

HTML 排版与标签(四)_背景图片_02

表格标签

表格标签使用​​<table>​

table: 表格

             属性:border:边框
   width:宽度
   height:高度
    align:表格的对齐方式
   cellpadding:单元格内容到边的距离
   cellspacing:单元格和单元格之间的距离
    bgcolor:背景颜色
   background:背景图片
 bordercolorlight:表格的上,左边框,以及单元格的右,下边框的颜色
    bordercolordark: 表格的右,下边框,以及单元格上,左的边框的颜色
    dir:单元格内容的排列方式 取值:ltr 从左到右, rtl:从右到左
    tr: 行
bgcolor:背景颜色
 td: 列

单元格

      属性:
align: 内容的横向对齐方式
valign: 内容的纵向对齐方式 top,middle,bottom
width: 绝对值或者相对值(%)
height:单元格的高度

单元格的合并:

单元格的属性:

colspan: 横向合并

rowspan: 纵向合并

th: 相当于​​<td> + <b>​​文本加粗

caption: 表格的标题

属性:align: 取值:left,center,right,top,bottom

thead、tbody、tfoot三者写与不写的区别:

1. 当表格非常大的时候,如果不写,则必须等表格的内容全部下载完成才能显示。但是用tbody标签的话,那么边下载边显示。

2.如果不写thead,tbody,tfoot那么浏览器解析表格内容的时候是从上到下解析。如果写了,那么顺序任意,浏览器解析的时候还是按照thead,tbody,tfoot的顺序显示内容

HTML 排版与标签(四)_取值_03

<table  border="2" width="200" height="200" align="center"  cellpadding="20"  cellspacing="10"  bordercolordark="red"  bordercolor="blue"  bgcolor="#f0ffcc"  background="#00f" dir="rtl">
<thead></thead>
<caption align="bottom">表格标题</caption>
<tr bgcolor="#00ff00"
<td bgcolor="red">水果</td>
<td align="center">数量</td>
</tr>
<tr>
<th valign="top"苹果</th>
<td>3</td>
</tr>
<tr>
<td rowspan="2">橙子</td>
<td>4</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
<table  border="2" width="200" height="200" align="center"  cellpadding="20"  cellspacing="10"  bordercolordark="red"  bordercolor="blue"  bgcolor="#f0ffcc"  ackground="#00f"
<thead>
<tr bgcolor="#00ff00"
<td bgcolor="red">水果</td>
<td align="center">数量</td>
</thead>
<tbody>
</tr>
<tr>
<th valign="top"苹果</th>
<td>3</td>
</tr>
<tr>
<td colspan="2">4</td>
</tr>
</tbody>
<tfoot>
<tr>
<td橙子</td>
<td4</td>
</tr>
<tfoot>
</table>