width什么意思()

例子

挪威山地旅行

在线实例

插入图像

这个例子演示了如何在网页中显示图像。

插入不同位置的图片。

这个例子演示了如何在网页中显示其他文件夹或服务器的图片。

(更多示例可在本页底部找到。)

HTML 图像- 图像标签（ <img>）和源属性（Src）HTML图像-图像标签(

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

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

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

定义图像的语法是:

<img src="url" alt="some_text">& ltimg src = " URL " alt = " some _ text " & gt；

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

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

HTML图像-Alt属性

alt属性用于为图像定义一串准备好的可替换文本。

替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">& ltimg src = " Boat . gif " alt = " Big Boat " & gt；

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

HTML图像-设置图像的高度和宽度。

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

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

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">& ltimg src= "讲坛. jpg" alt= "讲坛石" width="304" height="228 " >

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

有用提示的基本考虑事项:

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

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

更多示例

排列图片

这个例子演示了如何在文本中排列图像。

浮动图像

这个例子演示了如何将图片浮动到段落的左边或右边。

设置图像链接

这个例子演示了如何使用图片作为链接。

创建图像映射

这个例子展示了如何创建一个带有可点击区域的图像地图。每个区域都是一个超链接。

HTML图像标签

标签描述<img>定义图像<map>定义图像地图<area>定义图像地图中的可点击区域

如果你还是不明白，可以在下面给我留言或者和我讨论QQ群308855039。让我们一起飞吧！