pautan HTML


HTML menggunakan hiperpautan untuk menyambung ke dokumen lain di web. Pautan boleh didapati di hampir setiap halaman web. Klik pautan untuk melompat dari satu halaman ke halaman yang lain.

Cubalah - Contoh

Pautan HTML
Cara membuat pautan dalam dokumen HTML.

(Lagi contoh boleh didapati di bahagian bawah halaman ini)

Hiperpautan HTML (pautan)

HTML menggunakan tag <a> untuk menyediakan pautan hiperteks.

Hiperpautan boleh menjadi perkataan, perkataan, kumpulan perkataan atau imej Anda boleh mengklik pada kandungan ini untuk melompat ke dokumen baharu atau bahagian tertentu dokumen semasa.

Apabila anda menggerakkan penuding tetikus ke atas pautan pada halaman web, anak panah akan bertukar menjadi tangan kecil.

Atribut href digunakan dalam teg <a>

Secara lalai, pautan akan muncul dalam penyemak imbas sebagai:

  • Pautan yang tidak dilawati muncul dalam fon biru dan bergaris bawah.

  • Pautan yang dilawati kelihatan ungu dan bergaris bawah.

  • Apabila pautan diklik, ia kelihatan merah dan bergaris.

Nota: Jika gaya CSS ditetapkan untuk hiperpautan ini, gaya paparan akan dipaparkan mengikut tetapan CSS.

Sintaks pautan HTML

Kod HTML pautan adalah sangat mudah. Ia kelihatan seperti ini:

<a href="url">Teks pautan</a>

Atribut href menerangkan sasaran pautan. .

Instance

<a href="../">访问php中文网</a>
Baris kod di atas dipaparkan sebagai: Lawati tapak web php Cina

Mengklik hiperpautan ini akan Pengguna dibawa ke laman utama laman web php Cina.

Petua: "Teks pautan" tidak semestinya teks. Imej atau elemen HTML lain boleh menjadi pautan.

Pautan HTML - atribut sasaran

Menggunakan atribut sasaran, anda boleh menentukan tempat dokumen yang dipautkan akan dipaparkan.

Barisan berikut akan membuka dokumen dalam tetingkap baharu:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<a href="http://www.php.cn/" target="_blank">访问php中文网!</a>

<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>

</body>
</html>

Jalankan instance»

Klik butang "Jalankan Contoh" untuk melihat contoh dalam talian


Sambungan HTML - Atribut id

Atribut id boleh digunakan untuk membuat penanda halaman tag dalam dokumen HTML.

Petua: Penanda halaman tidak dipaparkan dalam sebarang cara yang istimewa dan tidak dipaparkan dalam dokumen HTML, jadi ia disembunyikan daripada pembaca.

Contoh

Sisipkan ID dalam dokumen HTML:

<a id="tips">Bahagian petua berguna</a>

Buat pautan ke "bahagian Petua Berguna (id="tips")" dalam dokumen HTML:

<a href="#tips">Akses bahagian Petua Berguna </a>

Sebagai alternatif, buat pautan ke "Bahagian Petua Berguna (id="tips")" dari halaman lain:

<a href ="http://www.php.cn/html/html-links.html#tips">
Lawati bahagian petua yang berguna</a>

Nota Asas - Petua Berguna

Nota: Sentiasa tambahkan garis miring ke hadapan pada subfolder. Jika pautan ditulis seperti ini: href="http://www.php.cn/html", dua permintaan HTTP akan dijana ke pelayan. Ini kerana pelayan akan menambah garis miring ke hadapan pada alamat dan kemudian membuat permintaan baharu, seperti ini: href="http://www.php.cn/html/".

Lagi Contoh

Pautan Imej
Cara menggunakan pautan imej.

Pautan ke lokasi yang ditentukan pada halaman semasa
Cara menggunakan penanda halaman

Melantun keluar dari bingkai
Contoh ini menunjukkan cara untuk melompat keluar dari bingkai, jika halaman Anda dipegang dalam bingkai.

Membuat pautan e-mel
Contoh ini menunjukkan cara memaut ke e-mel. (Contoh ini hanya boleh berfungsi selepas memasang program klien e-mel.)

Buat pautan e-mel 2
Contoh ini menunjukkan pautan e-mel yang lebih kompleks.

Teg pautan HTML

tagPerihalan
<a>
标签描述
<a>定义一个超级链接
Tentukan super Pautan