HTML学习笔记--表格

<table border="5" bordercolor="#FFCC00"  bgcolor="#FFFFCC">
<table border width="700" height="200">
<th rowspan="2" background="021.jpg">Sweet</th>

rowspan 属性 -- 可以实现HTML表格中一列跨越多行。

<th colspan="3"> Morning Menu</th>
colspan 属性 -- 可以实现HTML表格中一行跨越多列。

 

<table border="5" cellspacing="2" bordercolorlight="#ff0000" bordercolordark="#0000ff">

cellSpacing 属性可设置或返回在表格中的单元格之间的空白量（表格中各个单元格之间的距离）（以像素为单位）。

(单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间

单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离

引用网址:http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing/)

 

表格边框的bordercolorlight和bordercolordark属性:

在表格中可以单独定义左上边框的颜色，也可以定义单元格中右下边框的颜色，这两个位置的边框色我们称之为亮边框。

基本语法

    <TABLE Bordercolorlight=color_VALUE>

语法解释

定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。

 

在表格中，能独立定义右下边框的颜色，也能定义单元格中左上边框的颜色，这两个位置的边框色我们称之为暗边框色。

基本语法

     <TABLE Bordercolordark=color_VALUE>

语法解释

定义颜色的时候，能使用英文颜色名称或十六进制颜色值表现。

 

 

表格内容对齐方式eg：

  <tr>
                 <td align=left>A</td>
                 <td align=center>B</td>
                 <td align=right>C</td> 
  </tr>

  <tr>
                 <td valign=top>A</td>
                 <td valign=middle>B</td>
                 <td valign=bottom>C</td>
  </tr>

 

表格嵌套eg：

 <table border="3">
  <tr>
   <td>abc</td>
   <td>def</td>
   <td>ghi</td>
  </tr>
  <tr>
   <td>
   <table border="3">
    <tr>
     <td>abc</td>
     <td>ddd</td>
     <td>def</td>
    </tr>
   </table>
   </td>
  </tr>
 </table>