这两天高老师教我table表格的制作,因为内容较多,分了两次课程,今天我统一汇总起来整理成笔记,方便记忆和学习。
在网页制作中,经常会用到表格来体现搜集及整理的数据和内容,以方便用户更直观地了解、操作数据。
<table>表格的基本架构标签是<thead>和<tbody>,从字面看,<thead>承载网页的头部信息,<tbody>则承载网页具体的数据部分。<thead>是由<tr>、<th>来承载相关信息,<tbody>是由<tr>、<td>来承载相关信息。每一行一个<tr></tr>标签,每一列一个<td></td>或者<th></th>标签,但头部的列内容一般使用<th>标签,其余使用<td>标签。
下面是我练习的一个表格,初步构思是要做成这样的:
为了进一步美化表格,我们在代码书写时会使用一些属性调节表格的样式,如border="1px"cellpadding="10px"cellspacing="5px",其中border表示表格线的粗度,cellpadding表示表格中内容距离单元格边框的距离,border表示表格与表格间的距离,其中数字可以根据网页需求调节。style="text-align:center属性则表示表格内容文字居中。
以上是两天所学内容,代码学习也是需要一个勤练习,勤书写的过程,好记性不如烂笔头,没事就在电脑上面练习吧!
周末快乐!