6、超链接、相对路径

最新推荐文章于 2022-10-08 20:46:53 发布

五仁卤鸡翅

最新推荐文章于 2022-10-08 20:46:53 发布

阅读量406

点赞数

分类专栏： css 文章标签： css css3

本文链接：https://blog.csdn.net/MoonNight608/article/details/106843371

版权

css 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

文章目录

介绍
超链接
超链接其它用法
相对路径

介绍

本文是在学习CSS时做的学习笔记，笔记所有内容在 CSS学习笔记

超链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>meta</title>
</head>
<script>

</script>
<body>
1、超链接可以让我们从一个页面跳转到其它页面
   或者是当前页面的其它位置
  
  使用 a 标签定义超链接
    属性：
      href 指定跳转路径 
      -- 值可以是一个外部网站地址
      -- 也可以写一个内部页面地址
  是一个行内元素，在超链接里可以嵌套任何元素，除了自身以外
  
</body>
</html>

超链接其它用法

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>meta</title>
</head>
<script>

</script>
<body>
超链接：
1、target 属性，指定超链接打开位置
  可选值：
    _self 默认值 当前页面打开
    _blank 在一个新的页面打开


2、可以将长连接的href的属性设置为 #，这样点超链接的
    页面不会发生跳转，二是转到当前页面的顶部位置
    <a href="#">回到顶部</a>
 
3、可以跳转到页面指定位置
    只需将href属性值，设置为 #目标元素的id属性值 
       <a href="#id">跳转到指定id</a>
3、在开发中，可以将#作为超链接占位符
    <a href="#"></a>
 
    或者，使用javascript:;,来作为href的属性，此时点解超链接，什么也不会发生
    <a href="javascript:;">这是一个新的超链接</a>
</body>
</html>

相对路径

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>meta</title>
</head>
<script>
 当我们需要跳转一个服务器内部页面时，一般都会使用相对路径
   相对路径会使用. 或 ..开头
   ./
   ../
   
   ./可以省略不写，如果不写 ./ 也不写 ../   则就相当于写了 ./
   
   ./ 表示当前文件所在的目录
   ../ 斜杠表示当前所在目录的上一级目录
</script>
<body>

</body>
</html>

五仁卤鸡翅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
6、超链接、相对路径

文章目录介绍超链接超链接其它用法相对路径介绍本文是在学习CSS时做的学习笔记，笔记所有内容在 CSS学习笔记超链接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><script></script><body>1、超链接可以让我
复制链接

扫一扫