项目二“百校联赛”一等奖

项目二应用表格布局网页任务一创建和选择表格任务二设置表格和单元格属性任务三表格的高级应用任务一创建和选择表格任务说明本任务中，我们将学习创建表格，以及选择表格和单元格的操作。此外，还将应用所学知识为“欧妮雅”网站主页构建主体结构。预备知识一、创建表格表格（Table）是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行（在HTML语言中以<tr>标签开始，</tr>标签结束），垂直的多个单元格称为列（以<td>标签开始，</td>标签结束），行与列的交叉区域称为单元格，网页中的元素就放置在这些单元格中。二、选择表格和单元格1．选择表格将鼠标光标移至单元格边框线上，当鼠标光标变为或形状时单击鼠标左键。当表格外框显示为黑色粗实线时，就表示该表格被选中了。将鼠标光标移至表格外框线上，当鼠标光标变为形状时，单击鼠标左键即可将表格选中。在表格内部任意单元格中单击鼠标左键，然后在标签选择器中单击对应的“<table>”标签，该表格便处于选中状态。将插入点置于表格的任意单元格中，表格上方或下方将显示绿线标志，单击最上方或最下方标有表格宽度的绿线中的，在弹出的下拉列表中选择“选择表格”命令。2．选择行或列要选择某行或某列，可将光标置于该行左侧或该列顶部，当光标形状变为黑色箭头或时单击鼠标左键。3．选择单元格要选择某个单元格，可首先将插入点置于该单元格内，然后按【Ctrl＋A】组合键或单击“标签选择器”中对应的“<td>”标签。要选择连续的单元格区域，应首先在要选择的单元格区域的左上角单元格中单击，然后按住鼠标左键向右下角单元格方向拖动鼠标，最后松开鼠标左键。如果希望选择一组不相邻的单元格，可按住【Ctrl】键单击选择各单元格。任务实施——为“欧妮雅”网站主页构建主体结构在学习了表格的创建以及表格和单元格的选择方法后，接下来通过构建“欧妮雅”网站主页的主体结构，来学习表格在网页布局中的应用（具体操作见视频2-1）。任务二设置表格和单元格属性任务说明下面我们将学习设置表格和单元格属性的方法。此外，还将应用所学知识完善“欧妮雅”网站的主页布局。预备知识一、设置表格属性选中表格后，可利用属性检查器查看或修改表格的行、列、宽，以及填充、间距、对齐、边框等属性。二、设置单元格属性在表格的某个单元格中单击，属性检查器中将显示水平、垂直、宽、高等单元格属性，此时可通过属性检查器设置单元格属性。任务实施——完善“欧妮雅”网站主页的布局在学习了表格和单元格属性的设置方法后，接下来通过完善“欧妮雅”网站主页的布局，来进一步加强和巩固前面的学习（具体操作见视频2-1）。任务三表格的高级应用任务说明在实际的网页制作中，经常需要拆分或合并单元格以及插入、删除行和列，本任务就来学习这些知识。此外，还将应用所学知识为“欧妮雅”网站子页构建布局。预备知识一、拆分与合并单元格在网页制作中，经常会用到一些特殊结构的表格，此时就需要拆分或合并单元格。1．拆分单元格拆分单元格就是将一个单元格拆分成两个或多个单元格。2．合并单元格所谓合并单元格，就是将相邻的两个或多个单元格合并成一个单元格。拖动鼠标选中要合并的连续单元格，然后单击属性检查器上的“合并所选单元格，使用跨度”按钮

，则2个单元格合并为1个单元格。二、在表格中添加或删除行与列在使用表格组织大量信息时，往往需要在创建好的表格中添加或删除行与列，以增加或减少记录。任务实施——为“欧妮雅”网站子页构建布局