创建表格in《网站制作基础》

本节继续以在“LM的站点”中制作一个“人物简历”的主题网页为例，介绍插入和使用表格的方法。在制作该主题前，需要创建一个名字为resume.html的空白网页，具体步骤如下。

视频13

（包含2.5.1节～2.5.2节）

步骤1　使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件】命令，将“untitled.html”默认的文件名改为“resume.html”，按回车键确认修改。

步骤2　将光标移至网页的第一行处，点击【插入】菜单的【表格】命令，弹出【表格】对话框，如图2-5-2所示。

步骤3　在【表格】对话框中的“行数”“列数”和“表格宽度”输入框中分别输入“6，8，800”，“边框粗细”“单元格边距”和“单元格间距”输入框中输入“0，0，0”，单击【确定】按钮，完成表格的插入，如图2-5-3所示。

图2-5-2　插入表格命令

图2-5-3　【表格】对话框

步骤4　选中表格，然后选择下方【属性】面板中的“对齐”下拉列表中的“居中对齐”项，使表格始终处于页面居中对齐的位置，如图2-5-4所示。

图2-5-4　表格【属性】面板

步骤6　将光标移到第1行的前面，点击【插入】菜单中的【图像】命令，将“images”文件夹中的“banner.jpg”图片插入到表格的第一行中。

步骤7　在第2二行的单元格中输入相应的文字后，设置单元格【属性】面板中“高度”“宽度”“链接”“水平”和“背景颜色”属性值分别为“35，100，#，居中对齐，#CCCCCC”，如图2-5-5所示。

图2-5-5　单元格【属性】面板

步骤8　将第3行合并为一个单元格，并在单元格中输入文本内容，设置“高度”和“背景颜色”属性分别为“35”和“#FFFFFF”。

步骤9　设置表格的第4、5、6行，将每行前两个单元格合并，后6个单元格合并，同时分别设置每行的“背景颜色”为“#C4C4FF”“#9999FF”“#C4C4FF”，如图2-5-6所示。(www.xing528.com)

图2-5-6　设置表格属性

图2-5-7　预览效果

提示说明：表格元素主要用于网页布局，通常使用表格元素来规划网页内容，当网页结构较为复杂时，可以使用表格里面再嵌套表格来实现。