入门HTNL之2.33

最新推荐文章于 2023-04-10 22:59:18 发布

y-can-choose-kiss-m

最新推荐文章于 2023-04-10 22:59:18 发布

阅读量417

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/y_can_choose_kiss_me/article/details/17174791

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML对图片的控制--7、

定义图片与左、右的文本之间的间距
图片在显示时，与左右的文本之间可以有一定的间距
<img src="sample.jpg" hspace=5 vspace=5 >
Hspace(horizontal)定义水平间距； Vspace(vertical)定义垂直间距。单位都是象素数.

<html>
<head>
	<title>设置水平和垂直间距</title>
</head>
<body bgcolor = "#00ff00">
	<img src = "E://1.jpg" align = "left" hspace = 5 vspace = 5>
	<b>设置水平和垂直间距并不影响文字的显示位置</b><br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
	设置水平和垂直间距并不影响文字的显示位置<br>
</body>
</html>

HTML对图片的控制--8

图象的超级链接
图象的超级链接是指整个图象的超级链接，当点击图象的任何部分时，都会打开这个超级链接。定义默认超级链接的方法是：
<a href=“http://www.enet.com.cn/eschool”><img src="sample.jpg" ></a>
所以，所谓超级链接实际上就是用<a>元素标志一个图象的引用;

<html>
<head>
	<title>图像的超链接</title>
</head>
<body>
	<a href = "http://www.baidu.com"><img src = "E://1.jpg"></a>
	<a href = "http://www.baidu.com">百度首页</a>
</body>
</html>

HTML对图片的控制--9

图象映射
所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。这与前面的默认超级链把整个图片作为超级链接的元素是很不一样的。

图象映射（只要求理解标记含义）
图象映射由<map>定义。<map>有一个基本属性是name。Name给图象映射命名，这个命名将会被<img>元素用usemap属性引用。所以，图象上的图象映射实际上是对<map>定义的映射的一个引用。
<map>在定义图象映射时，可以定义三种形状的映射： circle(圆形)、rect(矩形rectangle)、poly(多边形)

<html>
<head>
	<title>图像映射实例</title>
</head>
<body>
	<img src = "E://1.jpg" width = "362" height = "265" border = "0" usemap = "#Map">
	<map name = "Map">
	<area shape = "ploy" coords = "110, 195, 151, 190, 149, 159, 108, 149, 91, 124, 44, 125, 36, 154" href = "http://www.baidu.com">
	</map>
</body>
</html>