多媒体图像，热点，网址域名


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>多媒体之 图片</title>
</head>
<body>
<!-- 
多媒体标签
1. 图片 image    img
src  图片地址  灵魂属性
usemap  引用map标签



图像热点 map
name


区域 area标签
shape  形状
circle  圆形
rect    矩形
poly    多边形

coords
circle   例: 坐标:   (圆心,半径)
rect     例: 坐标:  (左上角坐标, 右下角坐标)
poly     例: 坐标:  (第一个坐标, 第二个坐标, ....)

href  点击连接


路径:
1. 相对路径
1.1 ./     当前目录
1.2 ../    上一级目录
1.3 /      根目录   注意点: 一定要从服务器走
2. 绝对路径
网址路径: http://img5.2345.com/duoteimg/zixunImg/local/2016/08/05/14703904376142.jpg


URL网址:  
http   ://   www.baidu.com  :80    /img/abc/    123.jpg  ?  name=123&age=18#锚点名
协议            域名        端口     目录        文件      参数名1=参数值1 & 参数名2=参数值2  #锚点

-->

<img src='./lh.jpg'>
<img src="../dxj.jpg">
<img src=".../zys.jpg">
<img src="../../zys.jpg">
<img src="/zys.jpg">
<img src="http://img5.2345.com/duoteimg/zixunImg/local/2016/08/05/14703904376142.jpg">



</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容