03超链接与浮动框架&图像与多媒体技术

作业 1

根据提供的图像和超链接资源完成图像导航设计，资源与对应的超链接如下表所示；展现效

果如下图所示。

编写符合以下要求要求的文档，在 html 文档中插入一张图片，为图片加上链接，指向它所

在的网站。

	
		
		
	
	
		
apple网站
		

		
		
		 
		
		

	

 作业2

按如下要求设计 Web 页面，实现下图所示的页面效果。

1）页面标题为：桂林山水风景图片；

2）正文标题为红色“桂林山水风景图片”，图片分别为 5_2_1.jpg, 5_2_2.jpg, 5_2_3.jpg,

5_2_4.jpg,采用无序列表布局，每一个列表项的内容为图像链接，点击小图可以浏览大图。

3）定义样式。img 标记样式为“宽度 100px、高度 100px，边框 0px“,h3 标记样式为：”红色，

居中“；ul 样式为”去除列表项前的符号，内容居中显示“；li 样式为”显示方式靠左显示

（float:left;）、宽度为 120px,行高 30px“

	
		
		
		
	
	
		
桂林山水风景图片
		

			

			

			

			

		
		
		
		

			
桂林山水1
			
桂林山水2
			
桂林山水3
			
桂林山水4
			
		

	

 作业3

按如下要求设计 Web 页面,要求：

1） 页面标题为：浮动框架的应用

2） 页面内容为：一个标题，网页内嵌入两个 html 页面，两个超链接。标题内容：三号标题

显示“浮动框架中打开新页面“；两个浮动框架名称分别为 left\right，初始内容分别为：

job_5_1.html 和 job_5_2.html ；两个超链接分别在左右两个浮动框架中打开两个网页，

分别是：job_5_2.html 和 job_5_1.html，两个超链接的 target 属性分别指向两个浮动框

架 left\right。

程序名称为：job_5_3.html

 

	
		
		
	

	
		
浮动框架中打开新页面
		

			
			
			

				在左边浮动框架中打开job_5_2.html
				在左边浮动框架中打开job_5_1.html
			
		

	

作业4

按如下要求设计 Web 页面,要求：

1） 页面标题为：中国名牌大学简介，页面首行 3 号标题字显示，内容为：中国名牌大学简

介

2） 页面中间插入两条水平分割线，分割线之间设置滚动文字标记，滚动方式为来回滚动。

滚动文字内插入 7 个大学的超链接，分别为：清华大学、北京大学、南京大学、浙江大

学、复旦大学、上海交通大学、中国科技大学。

3） 将鼠标悬停在滚动文字上时会停止滚动，鼠标从文字移出时会继续滚动，单机超链接时

访问相关大学的网站。

	
		
		
	

	
		
中国名牌大学简介
		

		
			清华大学 
			北京大学 
			上海交通大学 
			复旦大学 
			南京大学 
			浙江大学 
			中国科技大学
		
		

	

作业5

按如下要求设计 Web 页面,要求：

1） 页面标题为：图像画廊，页面首行 3 号标题字显示，内容为：图像画廊

2） 无序列表加载五幅图片，并用滚动文字实现五幅图像从右向左交替滚动显示

	
		
		
		
	
	
		
图像画廊