入门HTML之图片对齐方式，图像超链接，图像的映射

最新推荐文章于 2023-01-15 03:33:38 发布

最爱林丽明小姐

最新推荐文章于 2023-01-15 03:33:38 发布

阅读量2.3k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/kissme_a/article/details/17331691

版权

本文介绍了HTML中图片的常见对齐方式，并详细讲解了图像映射的概念，包括<map>元素的name属性、usemap属性以及圆形、矩形和多边形的映射形状。

摘要由CSDN通过智能技术生成

图片的对齐方式
定义图片的垂直对齐方式：
<img src="sample.jpg" align="top" >
<img src="sample.jpg" align="middle">
<img src="sample.jpg" align="bottom" >

对于图片的对齐方式不仅是以上几种，但是以上的几种是最常用的。

<html>
<head>
	<title>图片的垂直方式</title>
</head>
<body>
	<img src = "E://1.jpg" align = "top"><br>
	图片在顶部<br>
	<img src = "E://2.jpg" align = "middle"><br>
	图片在中间<br>
	<img src = "E://1.jpg" align = "bottom"><br>
	图片在底部<br>
</body>
</html>

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