DIV CSS 佈局教程網

8.2 <a>標簽
編輯:HTML入門知識     

一、a標簽簡介

a標簽是非常常見而簡單的標簽。在HTML中,使用a標簽來表示一個超鏈接。

語法:

<a href="鏈接地址">超鏈接文字</a>

說明:

href屬性表示鏈接地址,也就是點擊超鏈接之後跳轉到的地址。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>超鏈接a標簽</title>
</head>
<body>
    <a  href="http://www.baidu.com">百度一下</a>
</body>
</html>

在浏覽器預覽效果如下:

點擊“百度一下”,就會跳轉到百度首頁。

二、超鏈接target屬性

超鏈接屬性中,我們只需要掌握target屬性就可以了。

在創建網頁中,默認情況下超鏈接在原來的浏覽器窗口打開,但是我們可以使用target屬性來控制目標窗口的打開方式。

語法:

<a href="鏈接地址" target="目標窗口的打開方式">超鏈接文字</a>

說明:

target屬性值有4個:

表1 <a>標簽target屬性 target屬性值 語義 _self 默認方式,即在當前窗口打開鏈接 _blank 在一個全新的空白窗口中打開鏈接 _top 在頂層框架中打開鏈接 _parent 在當前框架的上一層裡打開鏈接

一般情況下,target只用到“_self”和“_blank”這兩個屬性值,其他兩個我們不需要深究,因為幾乎用不到。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>超鏈接a標簽</title>
</head>
<body>
   <a  href="http://www.baidu.com" target="_blank">百度一下</a>
</body>
</html>

在浏覽器預覽效果如下:

這個例子跟上一個例子在浏覽器預覽效果都是一樣的,大家看不出什麼區別,但是大家點擊一下超鏈接,就知道區別了,因為它們的窗口打開方式是不同的。

:注意,“_blank”屬性是以下劃線“_”開頭的,大家不要忽略了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved