网页中使用表格_第1页
网页中使用表格_第2页
网页中使用表格_第3页
网页中使用表格_第4页
网页中使用表格_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页制作实例教程

(第3版)——网页中使用表格（第4章）1，表格与单元格的基本操作2，表格与单元格的属性

3，表格与单元格标记4，使用表格数据本章要点：

4.1.1插入表格4.1制作表格网页

1．用菜单命令新建表格步骤：“插入”菜单→“表格”。2．用插入面板的“表格”按钮新建表格步骤：在“插入”面板选“常用”卡→单击“表格”按钮。4.1制作表格网页

3．“表格”对话框“表格”对话框分3部分：表格大小、标题、辅助功能。

4.1.2导入表格4.1制作表格网页

凡是要导入到网页中的表格数据，数据源文件本身的排列必须有一定的规则，如果是txt格式的文件，同一行的每两个数据之间要有分隔符，而且同一文件的分隔符要相同。分隔符可以是逗号、冒号、分号、Tab键、空格键等。能导入表格数据格式的文件类型有：word、Excel、文本文件，等。

4.1.2导入表格4.1制作表格网页

“文件”菜单→“导入”→“表格式数据”。

4.1.3表格数据排序

4.1制作表格网页

排序不能对合并的单元格进行

4.2.1选取表格

4.2设置表格属性

1，选取整个表格2，选取表格的行3，选取表格的列4，选取表格里的单元格

4.2.2表格属性面板

4.2.3编辑表格的命令4.2设置表格属性

4.2.4表格编辑4.2设置表格属性

1，添加行或列2，删除行或列3，改变表格宽度4，表格对齐5，表格边框6，表格背景图像例4-4表格中插入背景图像和文字4.2设置表格属性

4.3.1单元格属性面板4.3设置单元格属性

4.3.2单元格常用操作1，合并单元格5，设置单元格背景色2，拆分单元格6，设置单元格背景图像3，使单元格跨行或跨列7，在单元格输入文字或图像4，减少行宽和减少列宽8，用单元格制作高度为1像素的直线例4-5用单元格产生直线4.3设置单元格属性

4.4用表格布局网页

1，嵌套表格：嵌套表格是在表格里面插入表格。2，表格叠加：将几个宽度相同相互独立的表格叠放在一起。4.5表格的HTML标记

表格的标记主要有：1，表格的开始和结束标记<table>与</table>2，表格行开始和结束标记<tr>与</tr>3，表格单元格开始和结束标记<td>与</td>。4，表格标题单元格开始和结束标记<th>与</th>表格标记的层次关系是，最外层是表格标记，第2层是表格的行标记，里面是单元格标记。4.5表格的HTML标记

1．<table>标记定义表格开始和结束的标记，是双标记。<table>标记的常用属性如下：（1）border属性，定义边框宽度，单位是像素。（2）bordercolor属性，定义边框颜色。（3）align属性，定义表格在页面的水平位置，可取值为left、right、center。（4）bgcolor属性，定义表格背景色。（5）background属性，定义表格背景图像。（6）wigth属性，定义表格宽度，单位有百分比和像素两种。（7）height属性，定义表格高度，通常不定义表格高度。4.5表格的HTML标记

2．<tr>标记定义表格中行开始和行结束，是双标记，表格有几行，就有几对<tr>和</tr>标记。<tr>标记的常用属性如下：（1）align属性，定义水平对齐方式，取值有：left、center、right。（2）valign属性，定义垂直对齐方式，取值有：top、middle、bottom。（3）bgcolor属性，定义行的背景色。（4）bordercolor属性，定义行的边框色。3．<td>标记和<th>标记<td>标记和<th>标记都用来定义单元格，用<th>和</th>定义的单元格为表格的标题单元格，单元格中的文字用黑体，并且居中显示。用<td>和</td>定义的单元格为普通单元格。表的列由每行包含的单元格数目决定。4.5表格的HTML标记

<td>标记和<th>标记的常用属性如下：（1）align属性，定义单元格内容水平对齐，取值有：left、center、right。（2）valign属性，定义单元格内容垂直对齐，取值有：top、middle、bottom。（3）colspan属性，定义单元格向右打通的栏数，在行的方向合并单元格。（4）rpwspan属性，定义单元格向下打通的栏数，在列的方向合并单元格。（5）width属性，定义单元格的宽度，单位用像素或百分比。（6）height属性，定义单元格的高度，单位用像素或百分比。（7）nowrap属性，禁止单元格的内容自动换行。（8）bgcolor属性，定义单元格的背景色。（9）background属性，定义单元格的背景图像。4.5表格的HTML标记

<td>标记和<th>标记的常用属性如下：（1）align属性，定义单元格内容水平对齐，取值有：left、center、right。（2）valign属性，定义单元格内容垂直对齐，取值有：top、middle、bottom。（3）colspan属性，定义单元格向右打通的栏数，在行的方向合并单元格。（4）rpwspan属性，定义单元格向下打通的栏数，在列的方向合并单元格。（5）width属性，定义单元格的宽度，单位用像素或百分比。（6）height属性，定义单元格的高度，单位用像素或百分比。（7）bgcolor属性，定义单元格的背景色。（8）background属性，定义单元格的背景图像。4．<caption>标记定义表格标题，标题内容显示在表格外面，默认显示在表格上方中间。是双标记。（1）align属性，取值为right、left、middle，设置标题水平位置，默认居中。（2）valign属性，取值为top、bottom，确定标题在表格上方还是在表格下方。4.5表格的HTML标记

例4-7使用表格标记<html><head><title>使用表格标记</title></head><body><tableborder="1"align="center"width=70%><captionalign="right"valign="bottom">潍坊学院英语教育05级1班</caption><tr><th

colspan="3"bgcolor="#CCCCCC">期中考试成绩表</th></tr><tr><tdalign="center">姓名</td><tdalign="center">性别</td><tdalign="center">分数</td></tr>4.5表格的HTML标记

<tr><tdalign="left">张三</td><tdalign="center">女</td><tdalign="right">90</td></tr><tr><tdalign="left">李四</td><tdalign="center">男</td><tdalign="right">98</td></tr></table></body></html>

4.6.1实验1-网页中使用导航图像4.6上机实验

实验要求：（1）用表格布局页面。（2）设置表格背景图像。（3）制作横向导航条。（4）在表格中插入文字和图像。

4.6.2实验2-用HTML代码制作表格网页4.6上机实验

4.6上机实验

<head><head><title>上机实验4-2</title></head><body><tablewidth="650"border="0"align="center"cellpadding="0"cellspacing="0"><tr><tdwidth="300"height="400"><img

src="image/tu-1.jpg"width="300"height="400"></td><tdvalign="top"background="image/tu-2.jpg"><p> </p><fontsize="4"color="#006600"><p>世界上最远的距离<br>不是生与死的距离

<br>而是我站在你面前<br>你不知道我爱你<br>世界上最远的距离<br>不是我站在你面前你不知道我爱你<br>4.6上机实验

而是爱到痴迷却不能说我爱你<br>

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论