3d开机号计算技巧:17 - 05 - 15 HTML(錨鏈接)

体彩赛车购买技巧 www.xyaad.icu 2/10/2017來源:心得技巧人氣:10615

——————————————————————————整理自w3school,www.w3school.com /百度知道

# HTML 鏈接 - name 屬性   ( 難點 )

name 屬性規定錨(anchor)的名稱。

您可以使用name屬性創建HTML頁面中的書簽。

書簽不會以任何特殊方式顯示,它對讀者是不可見的。

當使用命名錨(named anchors)時,我們可以創建直接跳至該命名錨(比如頁面中某個小節)的鏈接,

這樣使用者就無需不停地滾動頁面來尋找他們需要的信息了。

(百度百科經常使用,在本頁面內 上下跳轉,快速定位)錨點鏈接的意思說就是:

“abc”就是一個鏈接,我點擊“abc”之后,就會跳轉到"123"的位置上。最常用的方式,

在一個網頁的開頭,做一個目錄,每一個目錄都是一個錨點鏈接,然后鏈接到本頁面相關的位置。

命名錨的語法:

<a name="label">錨(顯示在頁面上的文本)</a>

Tips:可以使用 id 屬性來替代 name 屬性,命名錨同樣有效。

比如:首先,我們在 HTML 文檔中對錨進行命名(創建一個書簽):

<a name="tips">基本的注意事項 - 有用的提示</a>

然后,我們在同一個文檔中創建指向該錨的鏈接:

<a href="#tips">有用的提示</a>

您也可以在其他頁面中創建指向該錨的鏈接:

<a href="//www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

在上面代碼中,我們將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個命名錨了。

<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/CSS">
.d1{
border:1px solid red;      <!--網頁邊框是red color-->
width:400px;
height:2000px;
}

.d2{
border:1px solid blue;    <!--點我跳轉mao1是藍色的字體-->
width:400px;
height:400px;
margin-top:1000px;
}
</style>
<title>錨鏈接的使用</title>
</head>
<div class="d1">
<a href="#mao1">點我跳轉mao1</a>
    <div class="d2">
    <a name="mao1">我是mao1</a>
    </div>
</div>
<body> </body> </html>

講解:d1,d2 是自己創建的類的名稱。

-

-

再來一個最簡單的例子:

<a href="#C4">查看 Chapter 4。</a>

</p>

<h2><a name="C4">Chapter 4</a></h2>

點擊查看Chapter 4之后,就可以跳轉到Chapter 4標題這里。



打麻将必胜绝技顺口溜 竞足混合投注什么意思 篮球大小分投注技巧 体彩七星彩开奖结果查 一分快三稳赚不赔方法 一分pk拾有没有技巧 意甲 福彩时时彩实时开奖 北京塞车pk10官网开奖 pk10赛车免费预测软件 上海时时平台 玩350多少个骰子 365抵用金 老时时彩五星走势图 pk10计划人工在线计划8码 龙虎和是谁控制的