您的位置：首页 > Web前端 > HTML

HTML标签-图像

2016-03-25 18:44 561 查看
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<center>

<!--src：地址，width：长，height;边框：border;水平间距：hspace;垂直间距：vapace-->

<img src="../img/HBuilder.png" width="200" height="300" border="3" hspace="30" vspace="100"/>

<img src="../img/HBuilder.png" width="200" height="300" border="3" hspace="60"/>

<img src="../img/HBuilder.png" width="200" height="300" border="3" hspace="90"/>

<br />

<!--垂直间距：vspace-->

<img src="../img/HBuilder.png" width="200" height="300" border="3" hspace="30"/><br />

</center>

<!--图像和文本的对齐方式：align-->

<!--middle：把图像的中部和同行的中部对齐-->

<!--absbottom:把图像的底部和同行中最低项的底部对齐-->

<!--left：使图像和左边界对齐-->

<!--right:使图像和右边界对齐-->

<font size="3" >hbuilder的logo</font>

<!--bottom：把图像的底部和同行文本的底部对齐-->

<img src="../img/HBuilder.png" align="bottom" />

<!--middle：把图像的中部和同行的中部对齐-->

<img src="../img/HBuilder.png" align="middle" />

<!--top：把图像的顶部和文本或图像的最高部分对齐-->

<img src="../img/HBuilder.png" align="top" />

<!--texttop：把图像的顶部和同行中最高的文本顶部对齐-->

<img src="../img/HBuilder.png" align="texttop" />

<!--absmiddle:把图像的中部和同行中最大项的中部对齐-->

<img src="../img/HBuilder.png" align="absmiddle" />

<!--baseline:把图像的底部和文本的基准对齐-->

<img src="../img/HBuilder.png" align="baseline" /><br />

<!--alt:图像的提示文字-->

<!--该属性不能兼容所有浏览器-->

<img src="../img/HBuilder.png" alt="提示：！" /><br />

<!--图像的超链接-->

图片链接：<a href="../ListFloder/list.html"><img src="../img/HBuilder.png"></a>

<!--建立热点区域-->

<!--shape:形状，coords:坐标-->

<!--shape：rect矩形区域，坐标left、top、right、bottom-->

<!--shape：circle圆形区域，坐标：center-x、center-y、tadius（半径）-->

<!--shape:poly多边形，坐标：顺时针或者逆时针的x、y的值-->

<img src="../img/tjmap.jpg" usemap="tjsmap"/>

<map name="tjsmap">

<area shape="circle" coords="100，100，30" href="../ListFloder/list.html" />

</map>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航