HTML学习 <4>

来源:互联网 发布:昆明癫闲军海网络援助 编辑:程序博客网 时间:2024/05/29 21:37

一、HTML图像

图像标签<img>和源属性src

src指source,源属性的值指的是图像url地址

      1.1、替换文本属性art

alt属性用来为图像定义一串预备的可替换文本,alt对应的值是用户自定义的。

<img src="boat.gif" alt="big boat" />

alt作用:当浏览器无法载入图像时,替换文本属性告诉读者他们失去的信息。此时浏览器显示这个替代性的文本而不是图像。

提示:为页面上的图像都加上替换文本信息是个好的习惯。这样有助于显示信息,且对于那些使用纯文本浏览器的用户来说是非常有用的。

二、实例展示

       2.1、背景图片

<html>

<body background="w3school.com.cn/i/eg_background.jpg">

<h>图像背景</h>

<p>如果图像小于页面,图像会进行重复</p>

</body>

</html>

        2.2、浮动图像

使图像浮动至段落的左边或右边

<html>

<body>

<p><img src="w3school.com.cn/i/eg_cute.gif" align="left">

带有图像的一个段落,图像的align属性设置为left,图像浮动到文本左侧。

</p>

</body>

</html>

        2.3、调整图像尺寸

<html>

<body>

<img src="w3school.com.cn/i/eg_cute.gif" width="200" height="100" />

</body>

</html>

        2.4、图像链接

<html>

<body>

<a href="w3school.com.cn/example/html/lastpage.html">

<img src="w3school.com.cn/i/eg_buttonnext.gif" />

</a>

</body>

</html>

0 0