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

关于HTML的图片标签

2015-10-10 10:57 453 查看

代码示例如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>图片标签</title>
</head>
<body>

<!--
<img src="girl.gif" width=100 height=112 border=0 alt="beautiful girl"> 普通插入

-->

<!-- src属性需要执行源文件的路径（可以选择相对路径和绝对路径，返回上一层用../）（绝对路径包括以盘符开始的路径和网络路径两种）
注：我现在的这张照片和这个html是放在同一个文件夹下的
width 表示设置相片的宽度  height 表示设置相片的高度 border表示设置相片的边框
title表示提示性文本，当鼠标放其上，会出现提示性文本  alt表示当文件找不到时，会出现其显示
-->
<img src = "1.jpg" width = "500" height = "500" alt = "beautiful girl" border = "5" title = "美女"></img>

<!--
热点： 就是特定的位置添加超链。
<img src="images/1.jpg" width="300" height="300" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="circle" coords="122,81,38" href="demo_字体标签.html" />
</map>
-->

</body>

</html>

运行结果如下：

注:关于热点问题可以用DreamWeaver来实现

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航