跟高老师学习Web前端之10.

跟高老师学习Web前端之10._第1张图片
一生一世一双人

这两天高老师教我table表格的制作,因为内容较多,分了两次课程,今天我统一汇总起来整理成笔记,方便记忆和学习。

在网页制作中,经常会用到表格来体现搜集及整理的数据和内容,以方便用户更直观地了解、操作数据。

表格的基本架构标签是和,从字面看,承载网页的头部信息,则承载网页具体的数据部分。是由、是由、标签,每一列一个或者标签,但头部的列内容一般使用
来承载相关信息,
来承载相关信息。每一行一个
标签,其余使用标签。

下面是我练习的一个表格,初步构思是要做成这样的:

跟高老师学习Web前端之10._第2张图片
网页预计展示的表格内容
跟高老师学习Web前端之10._第3张图片
表格代码书写

为了进一步美化表格,我们在代码书写时会使用一些属性调节表格的样式,如border="1px"cellpadding="10px"cellspacing="5px",其中border表示表格线的粗度,cellpadding表示表格中内容距离单元格边框的距离,border表示表格与表格间的距离,其中数字可以根据网页需求调节。style="text-align:center属性则表示表格内容文字居中。

跟高老师学习Web前端之10._第4张图片
网页展示图

以上是两天所学内容,代码学习也是需要一个勤练习,勤书写的过程,好记性不如烂笔头,没事就在电脑上面练习吧!

周末快乐!

你可能感兴趣的:(跟高老师学习Web前端之10.)