您的位置：图文专栏 > 技术教程 > HTML5/CSS3速成教程 >
5-1 使用<img>标签为网页添加图片
发布时间：2021-03-04 17:13:21
5-1 使用<img>标签为网页添加图片
在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。
语法：
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
讲解：1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>img图片</title>
</head>
<body>
<p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.xxxx.com/mdb/star/3316/">托比•马奎尔Tobey Maguire </a>饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
<img src="http://img.xxx.com/52da54ed0001ecfa04120172.jpg" title="电影介绍">
</body>
</html>
上一篇： 4-2 使用<ol><li>标签实现有序列表
下一篇： 5-2 使用<a>标签为网页添加超链接 
