HTML课堂讲义（3）

最新推荐文章于 2019-01-17 21:01:19 发布

不惧神风

最新推荐文章于 2019-01-17 21:01:19 发布

阅读量206

点赞数

分类专栏：作业文章标签： html

本文链接：https://blog.csdn.net/w8692736/article/details/75269667

版权

作业专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!-- test.html -->
<!DOCTYPE html>
<html>
    <meta charset="UTF-8">
<head>
    <title>test1</title>
</head>
<body>
    <!-- 超级链接：<a 属性=“值”>...</a> -->
    <font color="black" size="14" face="楷体">
    <center>
        <a name="top"></a> <!-- 设置顶部锚点 -->
        <a href="#bottom" title="返回底部">返回底部</a><br>
        <a href="http://www.baidu.com" target="blank">百度</a>
        <a href="http://www.csdn.com" target="blank">CSDN<br></a>
        <a href="test2.html">跳转至test2<br></a>
        <!-- 同级文件可以直接写文件名 -->
            href:目标文件的 绝对/相对 地址 <br>
            target:目标文件的显示窗口 <br>
            1._blank:在新窗口中打开目标文件<br>
            2._self:在当前窗口打开目标文件（默认），等效于“替换”<br>
            3._parent:在父级窗口打开目标文件<br>
            4._top:在最顶级窗口打开目标文件<br>
            5._name:锚点链接，跳转至指定锚点<br>
            <br><br><br><br><br><br>
        <a name="bottom"></a> <!-- 设置底部锚点 -->
        <a href="#top">返回顶部 </a>
    </center>
    </font>
</body>
</html>

<!-- test2.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>test2</title>
</head>
<body bgcolor="black">
    <font size="30" color="white">
        跳转成功！这是test2.html，即将返回test1<br>
    </font>
    <meta http-equiv="refresh" content="2;url=./test1.html">
    <!-- 表示2秒后跳转至test.html -->
    <!-- 为什么这里不能用相对路径呢？ -->
</body>
</html>

关于相对路径:
1.当前网页文件和目标网页文件处在同级文件夹里的时候，链接地址可以直接写目标文件名。
Example：<a href="test2.html">test2</a>
2.当目标网页文件处在当前网页文件的下一级时，先找“文件夹名”，再找“文件名”。
Example：<a href="info/test2.html">test2</a>
3.当目标网页文件处在上级目录中时，往上找对应目录，再找目录中的文件。
Example：<a href="../test2.html">test2</a>（”../”表示上一级目录）