180301-【第一百一十天】HTML图像

HTML图像：

在 HTML 中，图像由<img> 标签定义。

<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。

要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。

URL是指图像存储的位置，D盘中有个叫html的文件夹，里面有张图片叫abc，是jpg的，那么就写作：

<img src="D|/html/abc.jpg" width="425" height="510">，但最好将图片可写的网页放在同一目录下，这样只要写作src=“xxx.jpg”即可。

HTML -ALT属性：

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。此属性作用就是当浏览器无法显示出

图像时，会将前期写好的alt属性中的内容显示出来。

HTML 图像- 设置图像的高度与宽度

height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。

例如：<img src="smiley.gif" alt="Smiley face" width="32" height="32">

注：如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。

特别地：style="float:right/left"可以设置图片的浮动位置

<map>标签用于定义地图图像

<area>标签用于定义地图中可点击区域

align="bottom/middle/top"设置图片位置

注意：插入动图的语是一样法和静态图的语法的。

设置图片链接：

<a href="http://www.xxxxxx.com/html/">

<img border="0" src="smiley.gif" alt="xxxx" width="32" height="32"></a>

即将一个图片写于一个链接的嵌套形式

下面是我操作的练习：

运行结果：

目标：继续学习HTML