HTMl-a.jpg

超链接基本知识

绝对链接&相对链接

绝对链接就是文件的物理位置,相对链接就是相对当前页面的地址(构建主题时使用绝对链接会相对方便一些)

正常情况下使用相对地址,因为这样可以方便的进行迁移。(插入图片和引入外部库的时候可以选用,当然你依然可以选择本地化这些都没有太大的影响)

内部链接

基本语法:<a herf="链接地址">

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>HTML超链接</title> 
    </head> 
    <body>
        <a herf="https://joooqi.cn">九七JoooQi</a>
    </body>
</html>

新窗口打开:九七JoooQi

链接的目标窗口

在创建网页的过程中,超链接默认的打开方式是在原窗口打开,当然我们也可以通过 target属性来控制目标窗口的打开方式。

属性值含义
_self在当前页打开窗口
_blank在新的窗口打开链接
_top在顶层框架中打开链接,也可以理解为在根框架中打开链接
_parent在当前框架的上一层里打开链接

一般情况下使用 _blank属性居多。

写法:

<a herf="https://joooqi.cn" target="_blank">九七JoooQi</a>

锚点链接

可以实现为文章实现目录功能,以及定位评论者的评论,在创建锚点之前应该先建立锚点。

基本语法:

  • 建立锚点:<a name="p5"></a>
  • 链接锚点: <a href="#p5"></a>

    • 链接到其他页面的锚点只需要在 #p5前加上页面所在地址即可。
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>HTML锚点链接</title> 
    </head> 
    <body>
    <a href="#p2">段落2</a> <a href="#p5">段落5</a>
    <hr>
     <p><a name="p1"></a>段落1</p>
     <p>在这里有一个段落</p>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
         <br>
     <p><a name="p2"></a>段落2</p>
     <p><a name="p3"></a>段落3</p>
     <p><a name="p4"></a>段落4</p>
     <p><a name="p5"></a>段落5</p>
    </body>
</html>

外部链接

基本语法:<a href="https://joooqi.cn">九七JoooQi</a>

在该语法中 https://表明是关于HTTPS协议的外部链接,在后面输入网址即可链接,经常用于友联。

链接到E-Mail

基本语法:<a href="mailto:joooqi@foxmail.com">联系我</a>

这里使用 mailto:可以直接调度邮件客户端对 joooqi@foxmail.com发起邮件联系。

链接到FTP&telnet

基本语法:<a href="ftp://ftp地址">使用FTP上传下载文件</a>

基本语法:<a href="telnet://telnet地址">远程登陆到telnet</a>

大部分网站需要使用用户名和密码才能访问FTP服务,本站尚未配置FTP。

下载文件

基本语法:<a href="https://joooqi.cn/files/huluwa-003.mov">下载葫芦娃第三集-(测试用,文件可能不存在)</a>

直接设置文件的地址即可,只要链接指向的是一个非网页文件,则默认执行下载动作。