实验二 HTML中图片和超链接的应用

实验二　HTML中图片和超链接的应用

【实验目的】

　　1、通过本例要求掌握常见的图像格式及图像的插入方法。

　　2、能够修改图像属性，利用外部图像处理软件编辑图像。

3、掌握设置各类超级连接的方法。

4、灵活利用超级链接组织网页元素。

【实验环境】

连接互联网的PC ，Win7操作系统。

【实验重点及难点】

1．图像创建实例与应用技巧；

2．设置图像的属性；

3．网页链接、邮件链接、锚点链接的创建。

【实验内容】

1、新建页面sy2.html，在页面顶部编写一个目录，为其中的师资力量添加一个锚点链接，点击之能立即到达页面底部师资力量的介绍处，且鼠标移到链接上时会提示显示“点击直接到达师资力量正文部分”。如图所示

首先设计书签  
a name=""

在不同位置定义   a
href="#书签名"

鼠标移到链接上时会提示显示“点击直接到达师资力量正文部分”：a href=""
title="点击直接到达师资力量正文部分"

2、在网页的底部信息中添加一个邮件链接，点击可以启动电脑上的邮件程序编写邮件，如下图所示：

3、在sy2.html中制作九江学院的图文介绍内容。（图片素材可以从校园网上获得）

要求图片大小调整为400*300，图片居中显示在页面中，图片下方有文字说明。点击图片还可以访问九江学院的官方网站 www.jju.edu.cn。

4、在sy2.html中添加一张背景图像（自选）

5、制作一个相册型的网页如下图2-2，点击小图片会访问一个新的页面，新页面中有该图片的全尺寸大图。

target="_blank"  
 img
src=""  width=""  height=""