图像标签（<img>）和源属性（Src）
郝东
176
图像标签（<img>）和源属性（Src）
在 HTML 中，图像由 <img> 标签定义。如果想插入一张图片，就会用到<img>标签。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是：
<img src="url" />
URL 指存储图像的位置。
替换文本属性（Alt）
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
当浏览器无法载入图像时，替换文本属性可告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
例如：
<img src="boat.gif" alt="Big Boat"> 当找不到boat.gif图片是，将会显示“Big Boat”字样。
图片是一个行内元素，如果插入两张或者多张图片时，图片是会一排放置的。如果想要将图片竖列放置，可以将图片放置在块级盒子当中。盒子不用设置高度，只需要设置宽度，图片要与盒子的宽度是一致的。此时图片按照竖列排放，但是图片下面会有一条白边，如果想去掉白边，只需要将图片改为块级--display：block。