耽美漫画

自己以前一直都是用div写最多就在加上ul li 现在才发现table有时候是可以省很多的事情,因为以前没用过tr  td所以现在都在属性这个标签的操作,下面是自己找的资料;

table  

 目录
 展开

基本语法

Table控件[1]主要用于在web页面上创建表格,其功能与HtmlTable类似。不同的是,Table控件可以用动态的内容以编程的方式来生成表格。

 

〈table〉…〈/table〉 – 定义表格

〈th〉 – 定义表头 Defines a table header

〈tr〉 – 定义表行 Defines a table row

〈td〉 – 定义表元(表格的具体数据) td stands for “table data,” Defines a table cell.

边框表格

〈table border〉

 

〈/tr〉

〈/table〉

不带边框

〈table〉

 

〈/tr〉

〈/table〉

详细解释

表元 

(Table Span) 

多列表元 

〈th colspan=#〉

<table border>

<tr><th colspan=3> Morning Menu</th>

</table> 

多行表元 

〈th rowspan=#〉

<table border>

<tr><th rowspan=3> Morning Menu</th>

<th>Food</th> <td>A</td></tr>

<tr><th>Drink</th> <td>B</td></tr>

<tr><th>Sweet</th> <td>C</td></tr>

</table>

表格设置 

〈table border=#〉

边框尺寸 

〈table border width=# height=#〉

表格尺寸 

〈table border cellspacing=#〉

表格间隙 

〈table border cellpadding=#〉

空白设置 

<table border cellpadding=10>

<tr><th>Food</th> <th>Drink</th> <th>Sweet</th>

<tr><td>A</td> <td>B</td> <td>C</td>

</table>

文字对齐 

〈tr align=#〉

〈th align=#〉 #=left, center, right

〈td align=#〉

<table border width=160>

<tr>

<th>Food</th> <th>Drink</th> <th>Sweet</th>

<tr>

<td align=left>A</td>

<td align=center>B</td>

<td align=right>C</td>

</table>

〈tr valign=#〉

〈th valign=#〉 #=top, middle, bottom, baseline

〈td valign=#〉

<table border height=100>

<tr>

<th>Food</th> <th>Drink</th>

<th>Sweet</th> <th>Other</th>

<tr>

<td valign=top>A</td>

<td valign=middle>B</td>

<td valign=bottom>C</td>

<td valign=baseline>D</td>

</table>


   

发表评论

邮箱地址不会被公开。 必填项已用*标注