网页制作入门教程

上传人:kms****20 文档编号:51474154 上传时间:2018-08-14 格式:PPT 页数:27 大小:359.50KB
返回 下载 相关 举报
网页制作入门教程_第1页
第1页 / 共27页
网页制作入门教程_第2页
第2页 / 共27页
网页制作入门教程_第3页
第3页 / 共27页
网页制作入门教程_第4页
第4页 / 共27页
网页制作入门教程_第5页
第5页 / 共27页
点击查看更多>>
资源描述

《网页制作入门教程》由会员分享,可在线阅读,更多相关《网页制作入门教程(27页珍藏版)》请在金锄头文库上搜索。

1、HTML第三讲一月二月三月 120010001500单元格(用 来表 示,每个单 元格可以有 背景颜色和 背景图片)表格(用来表 示,表格可以有背景颜 色、背景图片)表格边框每一行可以用 来表示 ,单元格放在 行中,每行可 以有很多的单 元格。表头(用来 表示,表头是特 殊的单元格,其 中的文字加进去 之后默认是居中 并且加粗)表格(TABLE)标记-1 元素:定义一个表格。每一个 表格只有一对和,一张 页面中可以有多个表格。 元素:定义表格的行,一个表格 可以有多行,所以对于一个表格 来说不是唯一的。 元素:定义表格的一个单元格。 每行可以有不同数量的单元格,在 和之间是单元格的具体内容 。

2、 需要注意的是:上述的三个元素必须 、而且只能够配对使用。缺少任何一 个元素,都无法定义出一个表格。表格(TABLE)标记-2 表格的基本结构 定义表格定义表头定义表行 定义单元格例:02.htm表格(TABLE)标记-3 表格的属性 1 width属性:指定表格或某一 个表格单元格的宽度。单位可 以是%或者象素。 height属性:指定表格或某一 个表格单元格的高度。单位可 以是%或者象素。 border属性:表格边线粗细 例03.htm、04.htm、05.htm表格(TABLE)标记-2 表格的属性 1 4、bgcolor属性:指定表格或 某一个单元格的背景颜色。 5、backgroun

3、d属性:指定表 格或某一个单元格的背景图片 。其属性值为一个URL地址。 例:07.htm表格(TABLE)标记-3 表格的属性 2 6、bordercolor属性:指定表 格或某一个单元格的边框颜色 。 例:08.htm 7、Bordercolorlight属性:亮 边框的颜色 8、Bordercolordark属性:暗 边框的颜色 例:09.htm表格(TABLE)标记-3 表格的属性 2 9、align属性:指定表格或某 一个单元格里的内容(文本、 图片等)的对齐方式。 例:10.htm表格(TABLE)标记-3 表格的属性 2 10、cellspacing属性:单元格 间距。 例:11

4、.htm 11、cellpadding属性:单元格 边距。 例:12.htm表格(TABLE)标记-4 单元格属性1、valign属性:指定某一个单元格 里的内容(文本、图片等)的垂直 对齐方式。垂直对齐方式的属性值 包括: top:顶端对齐; middle:居中对齐; bottom:底端对齐; Baseline:相对于基线对齐; 例:13.htm表格(TABLE)标记-5 单元格属性 2、Colspan:属性值表示当前 单元格跨越几列 例:14.htm 3、Rowspan:属性值表示当前 单元格跨越几行 例:16.htm表格(TABLE)标记-6 行属性 1、valign属性:指定某一个单

5、元格里的内容(文本、图片等 )的垂直对齐方式。垂直对齐 方式的属性值包 top:顶端对齐; middle:居中对齐; bottom:底端对齐。 Baseline:相对于基线对齐 。表格(TABLE)标记-7 行属性 2、align属性:指定表格或某一 个单元格里的内容(文本、图 片等)的对齐方式 3、height属性:指定表格或某 一个表格单元格的高度。单位 可以是%或者象素表格进阶 表格的嵌套 在 之间插入表格, 实现表格嵌套 例:17.htm 表格的作用一般只是控制文本 和图像的显示,而不显示表格 的边框 例:18.htm综合案例 表格的综合使用 例:19.htm表单(FORM)标记 HT

6、ML表单是HTML页面与浏览 器端实现交互的重要手段。利用 表单可以收集客户端提交的有关 信息。 在HTML里,我们可以定义表单 ,并且使表单与CGI或ASP等服 务器端的表单处理程序配合。我 们在网页设计课程中不会涉及程 序编制。表单(FORM)标记 表单是网页上的一个特定区域。 这个区域是由一对元素定 义的。 元素 action属性:用来定义表单处 理程序(一个ASP、CGI等程 序)的位置(相对地址或绝对 地址)。 Method定义表单结果从浏览 器传送到服务器的方法,一般 有两种方法:get、post。表单(FORM)标记 表单的基本语法:. * =GET有数据量限制,POST无以上限

7、制,以文件 形式传输 例:22.htm表单(FORM)标记 文本框? 文本框的名字 * text,password * 默认值 * 长度 ? 最大输入字符数 例20.htm表单(FORM)标记3.文本域 . 例:20.htm表单(FORM)标记 按钮 包括普通按钮、重置按钮和提 交按钮例:21.htm表单(FORM)标记5.复选框(Checkbox) 在一个表单里的所有多选框可 以有一个或多个被选中。例25.htm表单(FORM)标记 6.单选框(RadioButton) 一个表单里的所有变量名相同的单 选框只能够有一个被选中。 各个选项的name必须一样才能达到 预期效果 例:26.htm 注意262.htm的写法是错误的表单(FORM)标记 7.下拉列表 基本语法说明说明2 例:28.htm表单(FORM)标记 7.下拉列表 (2)列表框的长度 (3)允许多选例:29.htm、30.htm表单(FORM)标记 8.图象域 例:image.htm表单(FORM)标记 综合练习(*) 实现留言簿 要求:背景、文字颜色、字体 、换行、页面标题、表单文本 框、文本域、单选框、复选框 、下拉列表、图象域、提交与 取消按钮,内容以mail形式提 交。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 生活休闲 > 科普知识

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号