HTML创建图片

<img>标签

定义和用法

img元素向网页中嵌入一幅图像。

注意：从技术上说，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。

<img>标签有两个必须的属性：src属性和alt属性

必须的属性

src属性

设置图片的位置（显示图片），规定显示图像的URL。

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

<!-- 定义图像的语法 -->
<img src="url"/>

URL指存储图像的位置。

alt属性

设置图片的备用内容，规定图像的替代文本。

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

<img src='url' alt='图片说明'>

在浏览器无法载入图片或图片不存在的时候，替换文本属性告诉读者他们失去的信息。此时，浏览器将显示这个替换文本而不是图像。为页面的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

可选的属性

属性	值	描述
align	top bottom middle left right	不推荐使用。规定如何根据周围的文本来排列图像。
border	pixels	不推荐使用。定义图像周围的边框。
height	pixels %	定义图像的高度。