html入门-文件夹的命名与文件引用
2017-02-07 本文已影响21人
钛合金3000
网站文件夹的命名
- 选择一个地方存放你的网站文件.命名为web-projects
- 在其子目录新建一个文件夹,命名为test-site
- 该目录下,新建三个文件夹,images:用来存储网站图片;styles:用来存储css文件;scripts:用来存储js文件.新建index.html,用来编写网站代码
-
注:命名尽量小写,禁止用空格
网站文件夹结构.PNG
文件的引用
- 引用图片
<!doctype html>
<html lang="zh-CN">
<head>
<title>
test
</title>
</head>
<body>
<img src="images/test.png" alt="">
</body>
</html>
效果如下
文件的引用.PNG
- 注: windows资源管理器,喜欢用正斜杠"",而实际网站开发我们用反斜杠"/",这并无多大关系,知道即可.还有当前目录使用文件名即可,当前目录下要加反斜杠,例:"images/test.jpg",上级目录要加"..",如"../images/test.jpg"
