HTML基础教程:绝对与相对路径解析

需积分: 15 1 下载量 118 浏览量 更新于2024-07-10 收藏 4.9MB PPT 举报
"本资源主要介绍了HTML的基本概念和制作初步,包括HTML文档的结构、基本标签的使用,以及如何在HTML文档中创建超级链接,特别是关于绝对和相对路径名的运用。" 在HTML中,链接路径是页面之间相互跳转的关键,主要分为两类:绝对路径名和相对路径名。理解这两类路径对于创建有效的超链接至关重要。 1. **绝对路径名**:绝对路径名是从根目录开始,完整地指定文件在文件系统中的位置。例如,在Windows系统中,`<A HREF = “C:\example\Doc2.htm”>` 是一个绝对路径,它直接指定了文件`Doc2.htm`位于`C:`驱动器的`example`目录下。无论当前页面在哪里,浏览器都会根据这个路径找到目标文件。这种路径适用于链接到其他网站或者服务器上的文件。 2. **相对路径名**:相对路径名则基于当前文件的位置来确定目标文件的位置。例如,如果`Doc3.htm`与当前页面在同一目录下,可以写成 `<A HREF = “Doc3.htm”>`,或者相对于上一级目录,如 `..<example\Doc2.htm` 表示返回上一级目录然后进入`example`目录找到`Doc2.htm`。相对路径更简洁,且在移动整个网站时更易于维护,因为它不依赖于固定的服务器根目录。 HTML文档的基本结构包括三个主要部分:`<HTML>`、`<HEAD>`和`<BODY>`。 - `<HTML>`标签是整个文档的根元素,包围了所有其他元素。 - `<HEAD>`部分包含文档元数据,比如标题`<TITLE>`,这在浏览器的标签页中显示,以及CSS样式表、JavaScript脚本等其他非可视信息。 - `<BODY>`部分则包含了用户在浏览器窗口中看到的实际内容,如标题`<H1>`、段落`<P>`、链接`<A>`等。 HTML标记是定义文档内容和样式的工具,如`<H1>`用于创建一级标题,`<A>`用于创建超链接。`<A HREF>`属性用于指定链接的目标地址,可以是绝对路径或相对路径。 通过理解这些基本概念,初学者可以开始构建简单的HTML页面,并逐步掌握更复杂的布局和交互功能。在编辑HTML时,可以使用像DreamWeaver这样的专业编辑器,以可视化方式辅助代码编写和预览。