添加图像

首页 > HTML基础知识 > 添加图像

目录

准备图像

准备图像的方法请参考《图像入门》。

把图像添加到页面上

使用 <img> 标签可以在网页上插入图像。

<img src="cat.gif" alt="猫">

在src属性里设置图像的路径。alt属性是图像的说明,当有些浏览器无法显示图像的时候能在网页上看到这个图像的说明。

调整图像的大小

可以用 width 属性设置图像宽度,height 属性设置图像高度。width 和 height 属性是可以省略的。不知道自己的图像的尺寸的时候,可以用右键点击图像,看属性里的详细内容。

<img src="cat.gif" width=100 height=100 alt="猫">

在图像上设置链接

可以在图像上设置链接,让别人一点击图像就跳到其他网页。

<a href="xx.html"><img src="xx.gif" border=0 height=20 width=20 alt="图像说明"></a>

用 border=0 属性可以把图像周围的蓝色边框去掉。(有些浏览器本来就看不到边框)