table的基本介绍

发表时间:2017-05-12 16:09:36 浏览量( 23 ) 留言数( 0 )

学习目标:

1、了解Java的历史

2、为什么要学习Java语言

3、端正学习态度


学习过程:

表格的作用除了可以显示一个表格外,有的时候还可以用于辅助排版。以前的网页都是使用表格进行排版的,不过现在都不流行了,因为表格排版不利于网页结构。

1、新建表格

table就是表格

tr是表格的行,

td表格的每一个。

thread定义表头

表格示例:

<table border="1" width="400">
   <thead>
       <tr>
           <td>标题</td>
           <td>标题</td>
           <td>标题</td>
       </tr>
   </thead>
   <tr>
       <td width="100" height="30">内容</td>
       <td></td>
       <td>内容</td>
   </tr>
   <tr>
       <td>内容</td>
       <td>内容</td>
       <td>内容</td>
   </tr>
</table>

效果:

attcontent/cec68dde-fcb3-4a75-9b85-df54ade3c062.png

2、合拼单元格

代码如下;

<table border="1" width="400">
   <thead>
       <tr>
           <td>标题</td>
           <td>标题</td>
           <td>标题</td>
       </tr>
   </thead>
   <tr>
       <td width="100" rowspan="2">内容内容</td>
       <td height="30">内容</td>
       <td>内容</td>
   </tr>
   <tr>
       <td>内容</td>
       <td>内容</td>
   </tr>
   <tr>
       <td>总计:</td>
       <td colspan="2">内容</td>
   </tr>
</table>

效果如下:

attcontent/24e8bc4b-4bca-400a-9180-849becf3576c.png