HTML 图像

在HTML中，图像是由<img>标记定义的。

<img>是一个空标签，这意味着它只包含属性，没有结束标签。

要在页面上显示图像，需要使用source属性(src)。src的意思是“源”。source属性的值是图像的URL地址。

定义图像的语法是:

<img src="url" alt="some_text">

URL指的是图像存储的位置。如果名为“xiaobai.jpg”的图像位于www.xiaobai27.com的 images 目录中，那么它的URL是https://www.xiaobai27.com/portal.php/images/xiaobai.jpg。

浏览器在文档中出现图像标记的地方显示图像。如果将image标记放在两个段落之间，浏览器将首先显示第一段，然后是图片，最后是第二段。

HTML 图像- Alt属性

alt属性用于定义图像的替代文本字符串,属性的值是用户定义的.

<img src="boat.gif" alt="Big Boat">

当浏览器无法加载图像时，替换文本属性告诉读者他们丢失的信息。此时，浏览器将显示替代文本而不是图像。向页面上的图像添加替代文本属性是一个好习惯，这有助于更好地显示信息，并且对于那些使用纯文本浏览器的人非常有用。

height和width属性用于设置图像的高度和宽度。

属性值的默认单位为像素:

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

提示:指定图像的高度和宽度是一个好习惯。如果图像具有指定的高度和宽度，则在页面加载时将保留指定的大小。如果没有指定图像的大小，HTML页面的整体布局可能会在页面加载时被破坏。

注意:如果一个HTML文件包含10个图像，需要加载11个文件才能正确显示这个页面。下载图片需要时间，所以我们的建议是:谨慎使用图片。

注意:加载页面时，请注意插入页面的图片的路径。如果不能正确设置图像的位置，浏览器将无法加载图像，图像标签将显示一个损坏的图像。

上一篇：HTML 样式CSS下一篇：HTML 表格

		自动登录	找回密码
密码			立即注册