6.1.网页路径问题 · HTML+CSS学习笔记

* 相对路径：相对于某个文件查找 ``` 注意：相对路径必须有一个前提：所有的文件必须都在同一个根文件夹中。 1. 如果被访问图片和当前页面在同一个文件夹中，src相对路径=“直接设置文件名称即可”； 2. 如果被访问图片和当前页面不在同一个文件夹中，如果图片在页面的上一级文件夹中，src="../图片名称"; 注意：一个 “../”代表返回一级 3. 如果被访问的图片和当前页面不在同一个文件夹中，如果图片在页面的下一级目录中，src="图片所在文件夹/图片名称"; 当前目录（文件夹）：./（可以省略不写）上级目录（文件夹）：../ 下级目录（文件夹）：XXX文件夹/ ``` * 绝对路径： ``` 1. 物理路径：凡是在路径中带有具体的磁盘目录（C D E F..） <img src="F:\基础班\47期基础班\01-HTML(标签介绍)\1.jpg"> 2. 绝对路径：凡是以具体网址形式存在的路径 <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3658954477,286525156&fm=173&app=25&f=JPEG?w=218&h=146&s=E55419C7C6DB09DC5941311A0300C013"> 优点： 1. 实现推广宣传效果缺点： 1. 对服务器有一定的压力 ``` ## 课程回顾： HTML：超文本标记语言标记，标签，元素单标签：<标签名属性名=”属性值” 属性名=”属性值”……> 双标签：<标签名属性名=”属性值” 属性名=”属性值”……></标签名> HTML注释： 结构标签：<html><head><title>网页标题</title></head><body>主体内容</body></html> 排版标签：p，h1~h6，div，span，hr，br，pre，blockquote 文本标签：b，strong，i，em，u，ins，s，del，big，small，sup，sub，font 列表标签：ul>li，ol>li，dl>dt,dd 图片标签：<img src=”地址路径”> 路径：相对路径，绝对路径