zoukankan      html  css  js  c++  java
  • HTML 学习笔记(链接)

    HTML链接

    超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

    当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

    我们通过使用 <a> 标签在 HTML 中创建链接。

    有两种使用 <a> 标签的方式:

    1. 通过使用 href 属性 - 创建指向另一个文档的链接

    2. 通过使用 name 属性 - 创建文档内的书签

    HTML链接的语法

    链接的 HTML 代码很简单。它类似这样:

    <a href="http://www.baidu.com">百度一下</a>

    href 属性规定链接的目标。

    开始标签和结束标签之间的文字被作为超级链接来显示。

    HTML 链接 - target 属性

    使用 Target 属性,你可以定义被链接的文档在何处显示。

    下面的这行会在新窗口打开文档:

    <a href="http://www.baidu.com" target="_blank">百度一下</a>

    target 属性有很多类型 _blank 在新页面打开链接. _self 在本页面打开链接. _parent在父页面打开链接 。_top表示跳出框架。

    HTML 链接 - name 属性

    name属性规定锚的名称

    可以使用name属性创建html页面中的书签

    书签不会以任何形式显示 他对读者是不可见的。

    当使用命名锚时,我们可以直接创建跳转至该命名锚(比如页面中的某个小节)的链接,这样使用者就无需不停的翻滚页面来寻找他们需要的消息了。

    命名锚的语法

    <a name="baidu" href="http://www.baidu.com" target="_blank">百度一下</a>

    提示:锚的名称可以是任何你喜欢的名字。

    提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。

    下面请看一个例子

    <body>
            <p>
                <a href="#C4">根据锚查找内容</a>
            </p>
        <h2>Chapter 1</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 2</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 3</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2><a name="C4">Chapter 4</a></h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 5</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 6</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 7</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 8</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 9</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 10</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 11</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 12</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 13</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 14</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 15</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 16</h2>
        <p>This chapter explains ba bla bla</p>
    
        <h2>Chapter 17</h2>
        <p>This chapter explains ba bla bla</p>
    
        
        </body>
  • 相关阅读:
    The formatter threw an exception while trying to deserialize the message in WCF
    通过Web Deploy方式部署WCF
    The Managed Metadata Service or Connection is currently not available
    How to create Managed Metadata Column
    冒泡算法
    asp.net core 实战项目(一)——ef core的使用
    Vue学习笔记入门篇——安装及常用指令介绍
    Vue学习笔记入门篇——数据及DOM
    Vue学习笔记目录
    Chart.js在Laravel项目中的应用
  • 原文地址:https://www.cnblogs.com/huanying2000/p/6170326.html
Copyright © 2011-2022 走看看