实验五:制作包含列表和表格的网页
一、实验任务:
1、掌握正确的在网页中添加项目列表和表格,合理设置表格属性,能够根据网页版面布局的需要,合理运用表格进行布局。
2、完成【任务5-4】。
3、根据任务5-4的制作,观察和说明表格边框、单元格边距、单元格间距之间的差别。
二、实验步骤:
1.创建站点单元5,并创建文件夹“task05-4”在该文件夹中创建子文件夹“CSS”。
在文件夹“task05-4”中创建网页文档0504.html。
2.通过表格对话框插入表格1,在表格对话框设置行数、列数、表格宽度、宽度的像素、边框粗细的大小等。
代码示图
3.设置表格1的属性。
4.设置表格1单元格的背景图片。
5.设置表格1单元格的水平对齐方式为“居中对齐”和垂直方式为“居中”,并选不换行复选框。
在设置高和像素。
6.在表格1的第一行和第二行输入所需的文本。
7.将第二行的文字设置为滚动效果。
8.插入一个两行三列表格2,并设置宽、边框、间距、边距等属性。
9.将表格二的对齐方式设置为居中对齐。
10.将表格二的第一列宽度设置为“405像素”、第二列宽度设置为“360像素”、第三列宽度设置为“115像素”。
11.将表格二第一行的高设置为“28像素”。
12.将表格二的第一列的两个表格合并,将表格二第三列的两个表格合并。
13.在表格二的第一列的单元格中插入图像“001.jpg”。
14.设置所插入的图像的属性:“宽”为“405”、“高”为“300”、“替换”文本为“千岛湖全貌”。
15.设置表格二第二列上方单元格的背景图像、水平对齐方式、垂直对齐方式、输入文本及文字大小、颜色、字形、样式。
16.在第二列下方单元格中设置属性,输入文本并设置其属性。
17.在表格二的第三列单元格插入一个二行一列的嵌套表格并设置其属性。
18.在嵌套表格中插入两幅图像,并设置其属性。
19插入一个一行一列的表格三。
20.拆分单元格。
21.设置单元格属性。
22.输入文本。
23.插入版权字符。
24.插入META
25.插入关键字。
26.浏览效果。
27.说明表格边框、单元格边距、单元格间距之间的差别。
表格边框是边框图,单元格间距是每个单元格间的距离,设置以后可以看到单元格之间有虚线的间距。
边距是单元格里单元格内容与单元格外框之间的距离,如果不为0,则单元格里的内容不会触碰到单元格边,会保持一定距离。
单元格边距:可设置和返回单元格边框和单元格内容的空白量。
单元格间距:可设置和返回在表格中的单元格之间的空白量。
三、实验体会
成功做出这次的实验报告,心情感到很愉快,在这次实验中我感到我有了很大的进步,在制作实验中我又学习了很多知识进一步提高了我的能力。
我会继续努力,获得更多知识。