HTML学习笔记(四)图像

图像标签


定义图像<img/>和源属性srcsrc 指 "source"。源属性的值是图像的 URL 地址。



插入图像小例:

<pre name="code" class="html"><!DOCTYPE HTML>
<html>
     <p>
         一张图...
     <br/>
         <img src="http://img.my.csdn.net/uploads/201603/29/1459237404_6677.jpg"/>
     </p>
     <p>
         动图一张...
     <br/>
         <img src="http://img.my.csdn.net/uploads/201603/29/1459237428_4526.gif"/>
     </p>
</html>

 
 

替换文本属性Alt (alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。)

                                在浏览器无法载入图像时,替换文本属性告诉读者它们失去的信息。
                                此时,浏览器将显示这个替代性的文本而不是图像。
<!DOCTYPE HTML>
<html>
     <p>
         一张图...
     <br/>
         <img src="http://img.my.csdn.net/uploads/201603/29/1459237404_6677.jpg" alt="网络未连接"/>
     </p>
</html>

定义图像地图<map/>
定义图像地图的可点击区域<area/>
以及
更多关于图像的例子参加w3cschool图像
背景图片  向 HTML 页面添加背景图片。
排列图片  文字中排列图像。
浮动图像  使图片浮动至段落的左边或右边。
调整图像尺寸  将图片调整到不同的尺寸。
为图片显示替换文本  为图片显示替换文本。在浏览器无法载入图像时,替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。
制作图像链接  将图像作为一个链接使用。
创建图像映射  创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
把图像转换为图像映射  把一幅普通的图像设置为图像映射。





 
 

你可能感兴趣的:(html)