[2016-01-14][html][img标记]

[2016-01-14][html][img标记]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
    <head>
        <title>img标记</title>
        <meta charset = "utf-8">
    </head>
    <body>
        <pre>img标记,单标记!!!
        img标记的属性:
            src指定图片的路径
                ../img.jpg 表示上级目录下的img.jpg图片
                    (两个点表示上一级目录,一个点表示当前目录)
                img/123.jpg 表示当前目录的img文件夹下的 123.jpg文件
                12345.jpg 表示当前目录下12345.jpg文件
    后面的属性没反应!!!!!!  
        width属性 指定图片的宽度,(如果height属性没指定,图片按比例放缩)
            单位可以是 px,em,cm,mm 比如 ,100px
            也可以是百分比 比如,10% 百分比指的是显示框的百分比
         
        heigth属性,同width
         
        border属性 指定图片边框的宽度,单位同上
         
        alt属性:1.指定图片加载完成之后,鼠标移动到图片上显示的文字
                2.如果图像没有下载或者加载失败,会用文字代替图像
                3.搜索引擎可以通过这个文字来抓取图片
        </pre>
        <img src = "http://img002.21cnimg.com/photos/album/20160114/m600/7F3CCC3F4FE4E0484EBA54F274F7B761.jpeg" ,border = "30px">
        <img src = "http://img002.21cnimg.com/photos/album/20160114/m600/7F3CCC3F4FE4E0484EBA54F274F7B761.jpeg" ,alt="alt属性",width = "500px">
        <img src = "img/1.jpg" ,alt="alt属性",width = "50%">
    </body>
</html>


img标记,单标记!!!
		img标记的属性:
			src指定图片的路径
				../img.jpg 表示上级目录下的img.jpg图片
					(两个点表示上一级目录,一个点表示当前目录)
				img/123.jpg 表示当前目录的img文件夹下的 123.jpg文件
				12345.jpg 表示当前目录下12345.jpg文件
	后面的属性没反应!!!!!!	
		width属性 指定图片的宽度,(如果height属性没指定,图片按比例放缩)
			单位可以是 px,em,cm,mm 比如 ,100px
			也可以是百分比 比如,10% 百分比指的是显示框的百分比
		
		heigth属性,同width
		
		border属性 指定图片边框的宽度,单位同上
		
		alt属性:1.指定图片加载完成之后,鼠标移动到图片上显示的文字
				2.如果图像没有下载或者加载失败,会用文字代替图像
				3.搜索引擎可以通过这个文字来抓取图片


来自为知笔记(Wiz)


posted on 2016-01-14 15:07  红洋  阅读(202)  评论(0)    收藏  举报

导航