html图像元素的路径属性src

2012/11/17 12:11:54作者：佚名来源：网络

移动端

【实例介绍】

html图像元素的路径属性src

在HTML文档中，显示图片所用的标记是img，src属性是图像必不可少的属性，用来指毫图像源文件所在的路径。

【基本语法】

【语法介绍】

(1)ing是插入图片的标记，其常用属性如表5．1所示，其中scr是其必需的属性。
(2)scr属性用来指定图像源，即图像的uRL路径。该路径可以是相对路径，也可以是绝对路径。

                                    <ing>的属性及其功能说明
<ing>的属性                     功能说明
scr                                     指定图片源，即图片的URL路径
width                                 指定图片的显示宽度
hight                                  指定图片显示的高度
hapace                             指定图片的水平间距
vspace                             指定图片的垂直间距
Align                                 指定图片的对齐方式
border                             指定图片的边框大小
alt                                     指定图片的说明文字

【实例代码】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<img src="5.1.1.jpg" width="683" height="665" />
</body>
</html>

【代码分析】

代码中加粗部分的标记是使用src插入图像文件5.1.1.jpg，在浏览器中预览，可以看到插人的图像，如图所示。

图像元素的路径属性src运行效果