HTML初步学习总结和感悟(4)

195 阅读1分钟

装饰所编写的程序栏的操作

  • 需要用到css,会在接下来的学习中对本篇文章进行修改补充。

    在网站中引用图片

    • 引入img标签(单标签)
    • <img src="里面为图片的资源地址">

      图片资源地址

    • 网上rul
    • 本地的绝对路径
    • 本地的相对路径

      网页图片的地址

    • 点击鼠标右键,点击在新标签页中打开图片,即为图片的服务器地址。

      本地相对路径和本地绝对路径

    • 本地相对路径:当html文件和这张图片在同一个文件夹下的时候,路径成相对关系。
      D:/a/b/lesson2.html
      D:/a/b/123.jpg
      均在D盘中,则图片资源地址可写为:src=“123.jpg”
    • 本地绝对路径:存储地址不是一个地址,则为绝对关系。
      D:/a/b/lesson2.html
      D:/a/b/c/123.jpg
      此时若想引入图片,则必须把图片的资源地址写全
      如:scr="D:/a/b/c/123.jpg"

      图片的其他属性

    • alt图片占位符:在图片无法展示时,加入。则会在图片上展示alt=“”双引号中的内容。但注意,只有在图片无法展示时,alt中的内容才可以展示。
    • title图片提示符:当鼠标移到图片上是,会在右下角有一个提示角标,角标内容就是title=""双引号中的内容。