HTML5技术

HTML基

字号+ 作者:H5之家 来源:H5之家 2017-08-16 10:00 我要评论( )

1、图片标签 img / 属性: src:指的是图片显示的路径(位置) 绝对路径:D:\Pictures\Saved Pictures 相对路径: ①同一级:直接写文件名称或者./文件名称 ②上一级:../文件名称 ③下一级:写上目录名称/文件名称 width:指定图片的宽度,取值可以是像素值,也

1、图片标签

  <img />

  属性:
    src:指的是图片显示的路径(位置)
      绝对路径:D:\Pictures\Saved Pictures
      相对路径:
          ①同一级:直接写文件名称或者./文件名称
          ②上一级:../文件名称
          ③下一级:写上目录名称/文件名称
      width:指定图片的宽度,取值可以是像素值,也可以是百分比
      height:指定图片的高度,取值可以是像素值,也可以是百分比
      alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

2、首先准备两张图片放在img文件夹下,如图:

代码如下:

网页图片显示页面

运行效果如下:

3、如果图片放在案例二:网站图片信息文件夹下,相对路径直接写路径名,src="logo2"

如果图片位置和路径不一致,图片则不能正常显示,会显示alt里的内容,如下:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML基

    HTML基

    2017-08-16 09:01

  • HTMl5的sessionStorage和localStorage - 六一儿童节

    HTMl5的sessionStorage和localStorage - 六一儿童节

    2017-08-14 11:00

  • HTML5.1 推荐中 1.5.3. Extensibility 段落翻译 - *水月*

    HTML5.1 推荐中 1.5.3. Extensibility 段落翻译 - *水月*

    2017-08-10 13:01

  • HTML的正确入门姿势——基本结构与基本标签 - Realsdg

    HTML的正确入门姿势——基本结构与基本标签 - Realsdg

    2017-08-07 12:00

网友点评
8