赞
踩
- <!-- img标签:
- 单边标记,自封闭标签
- 能够插入的图片类型有:jpg(jpeg)、gif、png、bmp
- 不能往网页中插入的图片格式是:psd、ai
- HTML页面不是直接插入图片,而是插入图片的引用地址,所以也要把图片上传到服务器上。
- src属性:图片的相对路径和绝对路径
- 相对路径:相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和父路径。
- width 宽
- height 高
- Align 指图片的水平对齐方式 属性值有:left right center bottom top
- title 悬浮文本
- border 给图片加上边框
- Hspace 指图片左右的边距
- Vspace 指图片上下的边距
- alt 当图片不可用(无法显示)的时候,代替图片显示的内容。alt是英语 alternate “替代”的意思,代表替换资源。(有的浏览器不支持)
- 如果要想保证图片等比例缩放,请只设置width和height中其中一个。 (2)如果想实现图文混排的效果,请使用align属性,取值为left或right。
- -->
- <!-- 展示与此html文件存在相同目录的图片:两种方式如下 -->
- <b>图片标签img之加载同级目录下的图片:</b>
- <br>
- <img src="aa.jpg" width="200" height="200" Align="center" title="提示文字" Hspace="50" Vspace="50">
- <br>
- <img src=".\aa.jpg" width="50" height="50" Align="center" title="提示文字" Hspace="50" Vspace="50">
- <br>
-
- <!-- 展示此html文件所在的上一级目录图片 -->
- <b>图片标签img之加载上级目录下的图片:</b>
- <br>
- <img src="..\aa.jpg" alt="00000" height="200" Align="center" title="提示文字" Hspace="50" Vspace="50">
- <br>
-
- <!-- 当前页面有一个并列的文件夹images,在文件夹images中存放了一张图片1.jpg -->
- <img src="images/a.jpg">
-
- <!-- 绝对路径 本地地址或是网络地址 -->
- <img src="C:\Users\10007358\Desktop\images\a.jpg">
-
- <!-- 图片加一个超链接,那个点击这个图片的任意区域,都会跳转到新的位置 -->
- <a href="#name1"><img src=".\aa.jpg" width="1000" height="1000"></a>
-
- <!-- 对图片的局部区域加超链接 这里的难点在于坐标的确定,此时需要用到Dreamweaver。暂未实现 -->
- <a href="#name1"><img src=".\aa.jpg" width="1000" height="1000"></a>
赞
踩
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。