使用根路径在chapter3-index.html网页中插入图片。 1)、利用phpstudy搭建Web服务器 2)、将图片拷贝至Web服务器的站点目录下,使用根路径插入图片
时间: 2024-10-18 16:18:56 浏览: 40
speedtest服务器搭建教程
在PHPStudy中搭建Web服务器并插入图片的过程可以分为两步:
1) **设置Web服务器**:
- 首先,打开PHPStudy,找到集成环境中的Apache服务器,并开启服务。
- 将你的项目文件夹(包含"chapter3-index.html")复制到PHPStudy的`httpdocs`目录(默认情况下位于“PHPStudy\PHPServer\www”)。这个目录就是Web服务器的根目录。
2) **插入图片**:
- 确保你已经将需要插入的图片保存在站点目录(即`httpdocs`目录)下的一个子文件夹,比如`images`。
- 在`chapter3-index.html`文件中插入图片,使用的是相对路径。假设图片名为`example.jpg`,你可以这样写:
```html
<img src="images/example.jpg" alt="图片描述">
```
- 这里的`src`属性值`images/example.jpg`就是根路径,浏览器会从当前HTML文档所在目录的`images`子目录查找这张图片。
如果你需要插入绝对路径,可以直接写出完整的URL,例如如果图片存放在网站根目录的另一个位置,可以写成:
```html
<img src="/example.jpg" alt="图片描述">
```
现在,访问`http://localhost/your-project-name/chapter3-index.html`应该能看到图片了。
阅读全文