-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path32.html
More file actions
49 lines (49 loc) · 1.88 KB
/
32.html
File metadata and controls
49 lines (49 loc) · 1.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!--HTML 文件路径-->
<!---->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
路径 描述
<img src="picture.jpg"> picture.jpg 位于与当前网页相同的文件夹
<img src="images/picture.jpg"> picture.jpg 位于当前文件夹的 images 文件夹中
<img src="/images/picture.jpg"> picture.jpg 当前站点根目录的 images 文件夹中
<img src="../picture.jpg"> picture.jpg 位于当前文件夹的上一级文件夹中
-->
<!--
HTML 文件路径
文件路径描述了网站文件夹结构中某个文件的位置。
文件路径会在链接外部文件时被用到：
网页
图像
样式表
JavaScript
-->
<!--绝对文件路径
绝对文件路径是指向一个因特网文件的完整 URL：
实例
<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">
<img> 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。
相对路径
相对路径指向了相对于当前页面的文件。
在本例中，文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
实例
<img src="/images/picture.jpg" alt="flower">
在本例中，文件路径指向了位于当前文件夹中 images 文件夹里的一个文件：
实例
<img src="images/picture.jpg" alt="flower">
在本例中，文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件：
实例
<img src="../images/picture.jpg" alt="flower">-->
<img src="http://bbsfiles.vivo.com.cn/vivobbs/attachment/forum/201803/20/114850wipvpnnrphw8h8zp.jpg" height="600" weight="400" alt="view">
<!--
好习惯
使用相对路径是个好习惯（如果可能）。
如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。
-->
</body>
</html>