列表，超链接，相对路径

最新推荐文章于 2024-05-19 21:34:53 发布

翘指

最新推荐文章于 2024-05-19 21:34:53 发布

阅读量305

点赞数

本文链接：https://blog.csdn.net/m0_65334415/article/details/127215195

版权

html 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

一、列表：

列表可以分为

1 有序列表

2 无序列表

3 自定义列表

<!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>Document</title>
</head>
<body>
    <ul>
        <li>无序列表</li>
        <li>无序列表用ul</li>
    </ul>
    <ol>
        <li>有序列表</li>
        <li>有序列表用Ol</li>

    </ol>
    <dl>
        <dt>自定义列表</dt>
        <dd>解释说明</dd>
    </dl>
    <!--列表可以分为有序列表，无序列表，自定义列表-->
</body>
</html>

二、超链接：

超链接可以让我们从一个页面跳转到其他的页面，

或者是当前页面的其他的位置，使用a标签来定义超链接

超链接也是一个行内元素，在a标签中可以嵌套除了他自身以外的任何元素，

属性：

herf指定跳转的目标路径，值可以是一个外部网站的地址或者一个内部页面的地址

蓝色是我们从来没有点过的链接接，紫色是我们点过的链接

<!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>Document</title>
</head>
<body>
    <!--超链接可以让我们从一个页面跳转到其他的页面，
    或者是当前页面的其他的位置，使用a标签来定义超链接
，超链接也是一个行内元素，在a标签中可以嵌套除了他自身
以外的任何元素，
属性：herf指定跳转的目标路径，值可以是一个外部网站的地址
或者一个内部页面的地址-->
<a href="www.baidu.com">超链接</a>
<!--蓝色是我们从来没有点过的链接接，紫色是我们点过的链接-->
</body>
</html>

三、相对路径：

相对路径：

当我们需要跳转一个服务器内部的页面时，一般我都会使用相对路径，

相对路径都会使用.或者..开头

<!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>Document</title>
</head>
<body>
    <!--相对路径：当我们需要跳转一个服务器内部的页面时，一般我们
    都会使用相对路径，相对路径都会使用.或者..开头
./
../
./可以省略不写，如果不写./也不写../则就相当于写了./
./表示当前文件所在的目录，在这里当前页面就是li.html
./就等于li.html所在的目录index.html
../表示当前文件所在目录的上一级目录-->
<a href="./InDesign.html">超链接</a>
<!--如果进入到上一级文件之后，还要进入上一级文件下目录，
则可以用/如：<a href="./InDesign.html/下一级目录">超链接</a>-->
</body>
</html>