第5讲：插入图片 中小型网站建设与管理 教学课件.ppt

中小型网站建设与管理 第4讲：插入图片 吴纯 一、什么是图片地址？ 网站上的图片，最常见的是gif格式的和jpg格式的。比如1203.gif，cb25.jpg 当我们浏览别人网站的时候，看到了一张好的图片，如何把它搬到自己的网页上呢？ 首先要搞到那张图片的地址。在图片上点击右键，选择属性，将弹出一个对话框，这时我就可以看到图片的地址了。 /img/baidu_logo.gif 二、插入网络图片 网页和Word不一样，在Word中，可以直接把图片贴在上面，而网页不行。想在网页上显示某张图片，可以通过img src=标签进行调用。这个标签就是插入图片的标签。src设定了图片的地址。 img src=/img/logo.gif 三、插入同一网站下的图片 插入同一网站下的图片,也就是说，图片和网页文件都在同一网站下，如何在网页中插入图片呢？ 如果图片和网页位于同一文件夹下 img src=123.gif 如果图片位于网页所在文件夹的下一级文件夹(abc)中 img src=abc/123.gif 如果图片位于网页所在文件夹的上一级文件夹中 img src=../123.gif 四、图片标签的属性 img src=/images/abc.jpg width=300 height=180 alt=“图片注释 border=1 width=300 图片的宽度为300像素 height=180 图片的高度为180像素 border=1 图片的边框粗细为1像素 alt=图片介绍 鼠标放置在图片上，将显示 出该图片的文字介绍。 五、图片链接 图片链接的一般格式为： a href=img src=/a 例：插入一个图片链接，使它链接到百度网站。 a href= img src=/img/baidu_logo.gif/a 六、同一网站下的图片与链接 * * 首标签 指定图片地址 注意！！！没有尾标签 这些值并不是图片的实际大小， 而是在要在网页上显示的大小。 要求： 1、在web1中插入图片pic1和pic2，并链接到web2（原窗口打开） 2、在web2中插入图片pic1和pic2，并链接到web1（新窗口打开） *