HTML 图像

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

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

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

定义图像的语法是:

<img src="url" />

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

<html>


<body>


<p>
一幅图像:
<img src="/i/eg_mouse.jpg" width="128" height="128" />      插入图像并赋值长和宽
</p>


<img src="boat.gif" alt="Big Boat">       在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息,其中big boat即为替换文本
<body background="/i/eg_background.jpg">       插入背景图片
<p>
<img src ="/i/eg_cute.gif" align ="left"> 
带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
</p>


<p>
<img src ="/i/eg_cute.gif" align ="right"> 
带有图像的一个段落。图像的 align 属性设置为 "right"。图像将浮动到文本的右侧。
</p>
<a href="http://4399.com/">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>                                  点击图片将链接到4399

猜你喜欢

转载自blog.csdn.net/wpn1lgl/article/details/78668819