一、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>