前端笔记
长乐王

HTML链接:超链接和锚链接

图像标签(<img>)和源属性(Src)
    在 HTML 中,图像由 <img> 标签定义。
    <img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
    要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
    定义图像的语法是:<img src="url" />
    URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于根目录的 images 目录中,那么其 URL 为 http://www.hulumiao.cn/images/boat.gif。
    浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。

替换文本属性(Alt)
    alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
    如:<img src="boat.gif" alt="Big Boat">
    在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。
    为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

实例
<img src="../images/mouse.jpg" width="50" height="50">
<br />
<img src="../images/mouse.jpg" width="100" height="100">
<br />
<img src="../images/mouse.jpg" width="200" height="200">
注释:通过改变 img 标签的 "height" 和 "width" 属性的值,您可以放大或缩小图像。

图像 标签及描述
    <img>:定义图像。
    <map>:定义图像地图。
    <area>:定义图像地图中的可点击区域。
本文番号: 前端笔记 - HTML/HTML5 - HTML链接:超链接和锚链接

评论