HTML基础学习：图像中常见的属性

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

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

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

定义图像的语法是：

<img src="url" />

URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。

2.将图像置为图片背景，可以直接在<body>中设置：<body background="/i/eg_background.jpg">

3.align属性：给图片排列位置（设置对其方式）

图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中

图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中

图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中

<img src ="/i/eg_cute.gif" align ="left"> 带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。

<img src ="/i/eg_cute.gif" align ="right"> 带有图像的一个段落。图像的 align 属性设置为 "right"。图像将浮动到文本的右侧。

4.调节图像大小：width、height

<img src="/i/eg_mouse.jpg" width="50" height="50">

5.为图片显示替换文本：alt

如果浏览器加载图片失败，或者在某些只能显示文本的浏览器中，只能显示alt中的文本

<img src="/i/eg_goleft.gif" alt="向左转" /> 以谷歌浏览器为例，如果可以正常显示src中的图片，那就显示图片；如果无法显示图片，那么就显示“向左转”。如果您把鼠标指针移动到图像上，大多数浏览器会显示 "alt" 文本（谷歌浏览器没有显示）。