网页中图片路径怎设计（网页制作怎么设置图片的位置）

本文目录一览：

• 1、在网页中使用本地文件时其路径设置有几种方式?
• 2、图片的绝对路径怎么写?
• 3、怎么在网页中加入图片?

在网页中使用本地文件时其路径设置有几种方式?

1、两种设置方式，相对路径和绝对路径相对路径是调用相同目录下的文件图片，相对路径则是表示上一层或下一层文件。

2、绝对路径 相对路径是相对某个文件夹下的单独调用，而绝对路径是指固定的某个文件夹下的调用。绝对路径调用起来与相对路径相比更加单一，也更加稳定，如果不单独修改这一路经下的资料，是绝对无法更改和使用该路径下的内容。

3、浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。

4、相对路径包括根相对路径（Site Root）和文档相对路径（Document）两种。

图片的绝对路径怎么写?

1、绝对路径和相对路径怎么写：绝对路径绝对路径其实就是我们日常会见到的完整文件路径。举例来说，如果我们要引用桌面图片文件夹下的这个图片。

2、绝对路径绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E：＼book网页布局代码第2章”目录下，那么“bg.jpg”这个图片的绝对路径就是“E：＼book网页布代码第2章＼bg.jpg。

3、以下为建立路径所使用的几个特殊符号，及其所代表的意义。“./”：代表目前所在的目录。“../”：代表上一层目录。以”/”开头：代表根目录。

4、如果当前路径在C：\windows\下 该目录下有a目录，a目录下有b.txt文件。

5、绝对路径顾名思义，填写绝对目录路径地址那就叫绝对路径，通常我们直接使用/代表从根目录开始的目录路径，这个叫绝对路径。

6、我想你应该是不太熟悉css中的相对路径和绝对路径：. 代表当前所在目录，相对路径。如：文本或；.. 代表上一层目录，相对路径。如：文本或；../../ 代表的是上一层目录的上一层目录，相对路径。

怎么在网页中加入图片?

鼠标在桌面上，右键“属性”--桌面项目下，选择“自定义桌面”；进入后，选择“Web”---新建。

插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入html代码：。浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。

添加图片后，选择 背景 图片 背景色，选择背景色。 选择图片后，选择图片背景色和图像大小 ，设置图片的颜色为黑色。 选择图片的文本效果，点击确定。

新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“”代码。