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>
  • 相关阅读:
    回车符和换行符
    UDP ECHO server
    启动LINUX下的TFTP服务器
    WPF版的Dock控件第二版完成
    最近写的一个WPF版的Dock控件
    搜狗开始耍流氓了
    对WebBrowser控件设置代理
    删除Jumplist中的历史记录
    C#中Undo/Redo的一个简易实现
    如何向枚举中添加新值
  • 原文地址:https://www.cnblogs.com/huanying2000/p/6170326.html
Copyright © 2011-2022 走看看