zoukankan      html  css  js  c++  java
  • 图像和链接表格结构标记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】2019: [Usaco2009 Nov]找工作(spfa)
    【BZOJ】3668: [Noi2014]起床困难综合症(暴力)
    Redis 字符串结构和常用命令
    Redis实现存取数据+数据存取
    Spring 使用RedisTemplate操作Redis
    使用 java替换web项目的web.xml
    SQL server 从创建数据库到查询数据的简单操作
    SQL server 安装教程
    IntelliJ IDEA 注册码(因为之前的地址被封杀了,所以换了个地址)
    对程序员有帮助的几个非技术实用链接(点我,你不会后悔的)
  • 原文地址:https://www.cnblogs.com/blackout-mw/p/9342232.html
Copyright © 2011-2022 走看看