0
点赞
收藏
分享

微信扫一扫

day2 HTML5基础小知识-img的小知识

棒锤_45f2 2022-04-15 阅读 50
html学习

1.插入图片  (重要) 
   语法
         <img src="图片的路径" title="" alt=""/>

(1)title表示鼠标接触图片时,显示的文字
(2)alt表示图片因某些情况而导致未能显示出来时,显示的文字(并且在网页中即使不输入任何东西,网页会优先加载带有”alt“的图片)
 

<img src="2.webp" title="风景图" alt="风景" width="1000px" height="400px"/>

(1).

(2).

 

2.图片路径 (很重要) 
   绝对路径   
         1.在网页上复制的图片链接为绝对路径
         2.自己制作的网页中的图片,会成为绝对路径

如:

<img src="https://img2.baidu.com/it/u=1572613686,938558453&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=400"/>


   相对路径 
         1.当前文件和目录文件在同一个目录下,直接写目标的名字.后缀

            <img src="2.webp" title="风景图" alt="风景"  width="1000px"  height="400px"/>
         2.(上找下)当前文件和目录文件的文件夹在同一个目录下,直接写文件夹的名字/目标名字. 后缀

           <img src="images/1.webp" alt=""/>

         3.(下找上)当前文件的文件夹和目标文件的文件夹在同一个目录下, ../直接写文件夹的名字/目标名字. 后缀).

          <img src="../2.webp"/><!--下找上级-->

:    当前文件   在哪个文件里写哪个文件就叫当前文件
        目标文件   你需要找的文件
        /   表示下一级
        ../ 表示上一级

举报

相关推荐

0 条评论