首页 理论教育显示图像-基于JSP的Web网站构建与程序设计实训教程

显示图像-基于JSP的Web网站构建与程序设计实训教程

【摘要】:若不指定该属性值,则浏览器根据图像的实际尺寸显示。height指定图像高度,值为整数,单位为屏幕像素点。alt指定图像的提示标签。使用“记事本”输入如下“E_img_1.htm”程序并存放在应用目录“webapps/ROOT”下的“E11”目录中。“E_img_1.htm”中用<img>标记显示了一幅jpg图像“flower.jpg”和gif图像“welcome.gif”,“flower.jpg”和“welcome.gif”文件存在“E11”目录下的“img”目录中。“E_img_1.htm”中的<img>标记未定义属性width和height,其默认值是图像自身的长、宽。图3-3 用img标记显示图像E_img_1.htm:

<img>标记用于将图像文件在浏览器中显示出来。网络上一般使用JPG和GIF格式的图像文件。

<img>标记的属性包括:

src指定图像文件的地址。该属性值必须指明,值的形式可以是本地文件名,也可以是URL形式。

border指定图像边框粗细,值为整数。若为0,表示无边框,值越大,边框越粗。

width指定图像宽度,值为整数,单位为屏幕像素点。若不指定该属性值,则浏览器根据图像的实际尺寸显示。

height指定图像高度,值为整数,单位为屏幕像素点。若不指定该属性值,则浏览器根据图像的实际尺寸显示。

align指定图像的显示位置。其值有:left、right、top、middle。

alt指定图像的提示标签。若设置了该属性值,则当鼠标移至该图像区域时,将以一个小标签显示该属性的值。(www.chuimin.cn)

使用“记事本”输入如下“E_img_1.htm”程序并存放在应用目录“webapps/ROOT”下的“E11”目录中。“E_img_1.htm”中用<img>标记显示了一幅jpg图像“flower.jpg”和gif图像“welcome.gif”,“flower.jpg”和“welcome.gif”文件存在“E11”目录下的“img”目录中。“E_img_1.htm”中的<img>标记未定义属性width和height,其默认值是图像自身的长、宽。可以通过指定width和height的值来放大和缩小图像。

在浏览器地址栏中输入:http://192.168.2.1:8080/E11/E_img_1.htm,则浏览器窗口显示如图3-3所示。

978-7-111-38219-5-Chapter03-23.jpg

图3-3 用img标记显示图像

E_img_1.htm:

978-7-111-38219-5-Chapter03-24.jpg