• 图像和链接表格结构标记1



    URL
    1、目录 & 目录结构
            目录:WEB站点中文件夹的名称
            目录结构:由目录以及子目录形成复杂结构
    2、URL
            URL(Uniform Resource Locator)统一资源定位符
            作用:用来标识网络中资源的位置
            资源:图片,网页,音视频...
             俗称:路径(地址)

    URL在WEB页面上有三种表现形式:1、绝对路径2、相对路径3、根相对路径

    3、路径详解(重点)

    1、绝对路径
    文件从最高级目录下开始的完整路径

              1、访问网络资源

                     由以下四个部分组成1、协议名称    2、主机名(IP地址,域名)    3、目录路径      4、文件名

                           1、协议名                    https
                           2、主机名(域名)          www.baidu.com
                           3、目录路径                img
                           4 、文件名                   bd_logo1.png

                          https://www.baidu.com/img/bd_logo1.png

                                   //www.baidu.com/img/bd_logo1.png
              2、访问本机资源
                       从盘符位置处一层一层查找,直到找到文件名为止
                           E:HTML5BASICImageslogin.png
    2、相对路径
             1、什么是相对路径
                    资源文件为止是相对于当前文件的位置开始进行查找的完整路径表现形式。

                    相对路径是通过 文件之间的 位置关系 来查找文件

             2、具体表现形式
                    1、资源文件和当前文件在同目录
                          直接通过资源文件名称 进行引用
                    2、资源文件 在 当前文件的 相当于是子目录中
                          想进入到目录中,再查找
                    3、资源文件 在 当前文件的 父层结构下
                          通过 ../ 向上返回,再引用文件
            3、根相对路径
                    永远都是从web站点所在的根目录处开始查找
                     形式:/路径/子路径/...

    子目录

    父目录

    同目录

    <!doctype html>
    <html>
        <head>
            <title>标题</title>
            <meta charset="utf-8">
        </head>
        <body>
            <img height="100" width="200" src="Images/login.png">
        </body>
    </html>
  • 相关阅读:
    BZOJ 2655: calc(拉格朗日插值)
    BZOJ 1485: [HNOI2009]有趣的数列(卡特兰数)
    [学习笔记] 关于组合数的一些总结
    CF 1076E Vasya and a Tree(线段树+树剖)
    CF 1082E Increasing Frequency(贪心)
    51nod 1149 Pi的递推式(组合数学)
    LOJ 2743(洛谷 4365) 「九省联考 2018」秘密袭击——整体DP+插值思想
    关于 unsigned int 比较大小
    洛谷 3295 [SCOI2016]萌萌哒——并查集优化连边
    洛谷 P4512 [模板] 多项式除法
  • 原文地址:https://www.cnblogs.com/blackout-mw/p/9342232.html
Copyright © 2020-2023  润新知