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.搜索引擎可以通过这个文字来抓取图片
时间: 2024-08-07 12:30:28