当前位置:   article > 正文

html中的图片标签 - img_html图片类型怎么表示

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

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/110418
推荐阅读
相关标签
  

闽ICP备14008679号