#=left, right 2)方式 #=scroll, slide, alternate
18 赛杰 IT 教育中心 3)循环 #=次数;若未指定则循环不止(infinite)
4)速度 5)延时 【课后收获】 1、HTML 文档是包含标记标签的文本文件,这些标签告诉 Web 浏览器如何显示 页面。 2、标签不区分大小写。 3、标签放置在网页的标题处,以提供关于页面的信息。如设置网页的编码语 系等。 4、标签可改变字体大小、颜色和字体类型,标签和
标签可分别实现 换段、换行。 5、
标签可实现在网页中插入图片,并可通过 align 属性来调整图像相对于周围 文本的对齐方式。 6、锚记标签用于标识充当 HTML 文档中文本或图像的超级链接。href 参数指定 要链接的文件地址。 7、
2、根据要求让学生写出一张网页的 HTML 代码。 标题为:my page 欢迎进入我的个人网站 进入网 站 my page 欢迎进入我的个人网站
进入网站
20 赛杰 IT 教育中心 【温故之新】 一、选择题 1.下列代码片段用于( ) ….…… A.在页面左边的背景中显示图像“back image.GIF" B.将“back image.GIF”图像平铺填充到整个页面的背景中 C.在页面顶部显示图像“back image.GIF" D.在页面背景的中间显示图像“back image.GIF" 2.以下 HTML 代码中,说法( )是正确的。 时装街 在时装街购买时装
人来人往 男女老幼 尽情享受在时装街购物的乐趣
A.标签没有以
标签结束 B.
标签没有以标签结束 C . 元素没有以标签结束 D. 标签不能与<标签一起使用 3.在网页中最为常用的两种图像格式是( )。 A. JPG 和 GIF B. JPG 和 PSD C. GIF 和 BMP D. BMP 和 SWF 4.关于下列代码片段的说法中,( )是正确的。
A. size 是指水平线的长度 B. size 是指水平线的宽度 C. width 是指水平线的宽度 D. width 是指水平线的高度 5.下列有关锚记的叙述中,正确的有()。 A.锚记可指向各种 Web 资源,如 HTML 页面、图像、声音文件甚至影片 B . 标签用于指定要链接的文档地址,href 属性用于创建至链接源的锚记 C.在使用命名锚记时,可以创建能够直接跳到页面特定部分的链接 21 编程改变生活 励志照亮人生 D.如果浏览器无法找到指定的命名锚记,则转到文档的底部 二、简答题 1. HTML 文档的基本结构由哪几部分组成? 2.使用记事本创建网页有哪几个主要步骤? 22 赛杰 IT 教育中心 第二章 表格基础 【学习目标】 � 会使用表格的基本结构实现简单表格 � 会使用表格相关标签实现跨行、跨列的复杂表格 � 会使用表格相关设置进行美化修饰 【本章简介】 本章开始讲解表格的基础。其中重点是表格的基本结构,难点是如何创建跨多行跨多列的表 格。为了使我们制作的页面更精致、表格更美观,我们还要研究表格布局以及如何对表格进行美 化修饰。表格是网页制作中使用最多的技术之一,它通常用来显示分类数据,在网页中表格更多 地用在网页布局和定位上。通过使用表格相关属性,可实现对网页中的文字和图片进行合理的布 局和定位,使得网页在形式上丰富多彩,在组织上井然有序。 【理论课堂】 在 HTML 语言中,表格至少由
标签、标签和标签这 3 对标签组成,否则,就 不能成为表格。 TABLE>标签中间将包括所有表格元素,表格元素主要有行、列、单 元格等。了解表格的基本结构之后,我们就可以创建一个简单的表格。 2.1 表格基本结构 表格标记对于制作网页是很重要的,现在很多网页都是使用多重表格,主要是因为表格不但 可以固定文本或图像的输出,而且还可以任意地进行背景和前景颜色的设置。 2.1.1 表格的基本语法 1. 标志对用来创建一个表格。它的属性较多,border 是它最基本的属性。如 果其值设置为零(0),则不显示边框。 2.…… 、…… | 标志对用来创建表格中的每一行。此标志对只能放在标志对之间 使用,而在此标志对之间加入文本将是无效的。 | 标志对用来创建表格中一行中的每一个表格,此标志对只有放在 标志对 之间才是有效的。 3.…… | | 标志对用来设置表格头,通常是黑体居中文字。 eg1:制作简单表格 第一列标题 | 第二列标题 | 第三列标题 | 第一列 | 第二列 | 第三列 | 注意:单元格中要填入内容负责没有显示, 可以用  来占位单元格。 23 编程改变生活 励志照亮人生 2.2 表格的相关属性描述 2.2.1 标志对用来创建一个表格。它有以下属性: 属性 用途 设置表格的背景色。 设置边框的宽度,若不设置此属性,则边框宽度默 认为 0。 设置边框的颜色。 设置边框明亮部分的颜色(当 border 的值大于等 于 1 时才有用)。 设置边框昏暗部分的颜色(当 border 的值大于等 于 1 时才有用)。 设置表格格子之间空间的大小。 设置表格格子边框与其内部内容之间空间的大小。 设置表格的宽度,单位用绝对像素值或总宽度的百 分比。 说明:以上各个属性可以结合使用。有关宽度、大小的单位用绝对像素值。而有关 颜色的属性使用十六进制 RGB 颜色码或 Html 语言给定的颜色常量名(如 Silver 为银色) 部分属性说明图: 实例: 表格尺寸设置:#为像素值或者百分比。 如 width=325,height=80% 表示间隙设置:为 0 是为没有间隙。 表示内部空白设置:为 0 是为没有间隙。 24 赛杰 IT 教育中心 2.2.2 |
| 1) 还有 align 和 valign 属性。align 是水平对齐方式,取值为 left(左对齐)、center(居 中)、right(右对齐);而 valign 是垂直对齐方式,取值为 top(靠顶端对齐)、middle(居中间对 齐)或 bottom(靠底部对齐)。 2)具有 width、colspan、rowspan 和 nowrap 属性。width 是格子的宽度,单位用绝对 像素值或总宽度的百分比;colspan 设置一个表格格子跨占的列数(缺省值为 1);rowspan 设置 一个表格格子跨占的行数(缺省值为 1);nowrap 禁止表格格子内的内容自动断行。 重难点: 通栏的表的说明 1、有横向通栏的表用 | 属性说明 colspan 表示横向栏距,#代表通栏占据的网 格数,它是一个小于表的横向网格数的整数。 2、有纵向通栏的表用 rowspan=#属性说明。 rowspan 表示纵向栏距,#表示通栏占据的网格 数,应小于纵向网络数。需要说明的是有纵向通栏的表,每一行必须用 | 明确给出一横向栏 目结束,这是和表的基本形式不同的。 2.2.3. | , | 标志对用来设置表格头,通常是黑体居中文字。其属性和标志是一致的。 标志用来设置表格的标题,通常是现实在表格的上面。 eg1:表格的标题 Lunch Food Drink Sweet A B C 2.2.4 综合案例: 表格标记使用如下代码,效果如图 2-1 所示。 阿森纳 图 2-1 表格标记效果图 表格标记的综合示例。 表格标记的综合示例 25 编程改变生活 励志照亮人生 意大利 | 英格兰 | 西班牙 | AC 米兰 佛罗伦萨 | 曼联 | 纽卡斯尔 | 巴塞罗那 | 皇家社会 | 尤文图斯 | 桑普多利亚 | 利物浦 | 阿森纳 | 皇家马德里 | …… | 拉齐奥 | 国际米兰 | 切尔西 | 米德尔斯堡 | 马德里竞技 | …… | 2.3 表格的布局网页作用 网页可以说是构成网站的基本元素。当我们在网络中遨游时,轻点鼠标,一幅幅精彩的网页 会呈现在我们面前,那么,网页精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处 理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素—网页的布局。目前网 页布局主要还是采用表格进行布局,表格布局就是为了精确定位、合理安排网页中的文字、图片 等元素,它就像网页的脸面,是在一个限定的面积范围内合理安排、布置图像、文字等元素的位 置。 2.3.1 什么是表格布局 表格在网页布局方面起到了举足轻重的作用,表格布局好像己经成为一个标准,随便浏览一 些站点,它们大多是用表格布局的。使用表格设计网页布局,可以使网页看上去更加整齐,适用 于一般比较正规的网页。网页中的表格是由若干行和列组成,每一行(或者列)又由多个单元格组 成,每个单元格中又可以反复地插入表格,以满足网页设计人员的布局需要。表格布局的优势在 于它能对不同对象加以处理,而又不用担心不同对象之间的影响。 2.3.2 表格布局实例 表格布局 26 赛杰 IT 教育中心 | 教育 6.请先阅读下面的代码,然后选择一个符合要求的答案( ) A.上面的代码表示的表单元素类型分别是:文本框、单选按钮、复选框、文件域 B.上面的代码表示的表单元素类型分别是:文本框、复选框、单选按钮、文件域 C.上面的代码表示的表单元素类型分别是:密码框、多选按钮、复选框、文件域 D.上面的代码表示的表单元素类型分别是:文本框、单选按钮、下拉列表框、文件域 7. 请先阅读下面的代码,根据代码意思选择一个正确的答案() | | |