路径的写法
站内资源和站外资源
站内资源:当前网站的资源,本地资源
站外资源:非当前网站的资源
绝对路径和相对路径
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>