Day1_HTML_图像标记

3.图像标记


1、知识点


img: 代表是一副图片

属性: src : 图片的路径

两种写法:a) : 相对路径 路径是相对页面所在的路径 两个标记.和.. ,分表代表当前目录和父路径 ../

  b) :绝对路径


1) : 以盘符开始的路径

 eg: C:\Documents and Settings\Administrator\桌面\day01_html\上课示例/images/1.jpg

2) : 网络路径 eg: http://www.baidu.com/images

         width: 宽度

height:高度

Alt:当图片显示不出来的时候代替图片显示的内容

title: 提示性文本  公有属性

border: 边框

热点: 就是特定的位置添加超链。

<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>


2、需求分析

wKiom1XDbuDBeaPvAAGXjBgL0RI621.jpg

 </head>
 <body title = "body">
		<!-- 
			src=\'#\'" //www.baidu.com/images/2.jpg 
		-->
	  <p title = "提示符">moveon</p>
	  <a href = ""><img src = "images/1.jpg" width = "300" height = "300" alt = "美女" border = "10" title = "这是一个美女"></a>
 </body>
</html>

	<!-- 
			align: 是指图片和周围文字的相对位置
		-->
       刘德华<img src = "images/1.jpg" width = "300" height = "300" align = "right">刘德华


你可能感兴趣的:(知识点,border,title,images,Documents)