前端入门-路径的写法

542 阅读1分钟

路径的写法

站内资源和站外资源

站内资源:当前网站的资源,本地资源

站外资源:非当前网站的资源

绝对路径和相对路径

1.绝对路径:站外资源,站内资源都可以使用

书写格式:url地址

协议名://主机名:端口号/路径

常见的协议名:http,https,file等,当跳转页面协议名与当前页面的协议名相同时,协议名可以省略。

主机名:域名,IP地址

端口号:如果协议是http协议,默认端口号是80;如果协议是https协议,默认端口号为443,端口号可以省略

路径:表示资源储存的位置

例如:超链接访问百度,使用绝对路径:<a href="https://www.baidu.com/">这是百度超链接</a>

2.相对路径:通常用于站内资源

书写格式:

以./开头,./表示当前资源所在的目录,../表示返回上一级目录

练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>路径的写法</title>
</head>
<body>
    <!-- 绝对路径 -->
    <a href="https://www.baidu.com/" target="_blank">这是百度超链接</a>
    <a href="http://www.renren.com/" target="_blank">人人网</a>
    <!-- 相对路径 -->
    <a href="./a元素.html">a元素</a>
</body>
</html>

页面效果

路径.png