一生一世一双人
这两天高老师教我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属性则表示表格内容文字居中。
网页展示图
以上是两天所学内容，代码学习也是需要一个勤练习，勤书写的过程，好记性不如烂笔头，没事就在电脑上面练习吧！
周末快乐！
网友评论