在网页上显示图片
首先要准备一个图片文件,仅限于JPEG、GIF和PNG三种格式的图片。把图片文件和网页文件放在一个文件夹里,我把它们都放在桌面上(Windows桌面也是一个文件夹)。在HTML中,用<img />标记来显示一张图片,它也是一个单标记。当HTML代码中出现了<img />标记,浏览器就知道这里要显示一张图片。怎么指定要显示的图片文件呢? 这就要在标记上加属性了,所有HTML上都可以加一些属性的。方法如下:
<img src="123.jpg"/>
src是<img/>标记上的一个属性,设置它的值为"123.jpg"。浏览器解读这句时,它知道要显示一张图片,这个图片文件与当前网页文件存放在一个文件夹,图片文件名为123.jpg。然后它就会去照这个图片文件,如果找不到就会用一把红叉(IE浏览器)代替。
如果图片文件和当前网页文件不放在同一个文件夹,那么,src属性中就要加路径,有相对路径和绝对路径两种。
相对路径,就是相对于当前网页文件的位置:
<img src="abc/123.jpg"/>
<img src="../123.jpg"/>
<img src="../../aaa/123.jpg"/>
绝对路径:
<img src=".http://www.baidu.com/img/logo.png"/> 直接从百度服务器读取它的logo图片,与当前网页文件的位置无关。