文件路径
为使文件间正常交互，应为每个文件提供访问路径，让一个文件知道另一个文件的位置。
- 若引用的目标文件与 HTML 文件同级，只需直接使用文件名，比如
my-image.jpg。 - 要引用子文件夹中的文件，要在路径前写下目录名并加一个斜杠，比如
subdirectory/my-image.jpg。 - 若引用的目标文件位于 HTML 文件的上级，需要加上两个点。比如，如果
index.html在test-site下面的一个子目录而my-image.png在test-site目录，你可以在index.html里使用../my-image.png引用my-image.png。 - 以上方法可以随意组合，比如
../subdirectory/another-subdirectory/my-image.png。
一个完整的 HTML 页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试页面</title>
</head>
<body>
<img src="images/firefox-icon.png" alt="测试图片">
</body>
</html>
<!DOCTYPE html>— 文档类型。HTML 之初，DOCTYPE用来链接一些 HTML 编写守则，比如自动查错之类。DOCTYPE在当今作用有限，仅用于保证文档正常读取。<html></html>—<html>元素。该元素包含整个页面的内容，也称作根元素。<head></head>—<head>元素。该元素的内容对用户不可见，其中包含例如面向搜索引擎的搜索关键字（keywords）、页面描述、CSS 样式表和字符编码声明等。<meta charset="utf-8">— 该元素指定文档使用 UTF-8 字符编码 ，UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容，还可以避免以后出现某些问题，没有理由再选用其他编码。<title></title>—<title>元素。该元素设置页面的标题，显示在浏览器标签页上，也作为收藏网页的描述文字。<body></body>—<body>元素。该元素包含期望让用户在访问页面时看到的内容，包括文本、图像、视频、游戏、可播放的音轨或其他内容。
发表回复