masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

pautan HTML

HTML menggunakan hiperpautan untuk menyambung ke dokumen lain di web.

Anda boleh mencari pautan dalam hampir semua halaman web. Klik pautan untuk melompat dari satu halaman ke halaman yang lain.

Mari kita lihat dahulu contoh pautan

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<p><a href="/">PHP中文网</a> 是一个指向本网站中的一个页面的链接。</p>
<p><a href="http://www.baidu.com/">百度</a>这是一个指向百度的链接</p>
</body>
</html>

Hasil jalankan kod:

1.png

Hiperpautan HTML (Pautan)

HTML menggunakan teg <a> untuk menetapkan pautan hiperteks.

Hiperpautan boleh berupa perkataan, perkataan, kumpulan perkataan atau imej Anda boleh mengklik pada kandungan ini untuk melompat ke dokumen baharu atau dokumen semasa sebahagian daripada.

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

Atribut href digunakan dalam teg <a>

Sebagai contoh, jika anda memaut ke halaman utama tapak php.cn, ia boleh dinyatakan seperti ini:

<a href="http://www.php.cn">Tapak web PHP Cina</a>

Secara lalai, pautan akan muncul dalam penyemak imbas sebagai:

Pautan yang belum dilawati dipaparkan dalam fon biru dan bergaris bawah.

Pautan yang dilawati oleh kelihatan ungu dan bergaris bawah.

Apabila pautan diklik , pautan itu kelihatan merah dan bergaris bawah.

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

Sambungan HTML - Atribut id

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

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

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"> ;Lawati 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<

Nota Asas

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/".

Contoh

Cara menggunakan pautan imej. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>创建图片链接:
    <a href="http://www.php.cn/">
        <img src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p>
<p>无边框的图片链接:
    <a href="http://www.php.cn/html/">
        <img border="0" src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p>
</body>
</html>

Imej menggunakan tag <img>

Mengklik pada gambar di atas akan melompat ke http://www.php.cn/

1.jpg

Meneruskan pembelajaran
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <p><a href="/">PHP中文网</a> 是一个指向本网站中的一个页面的链接。</p> <p><a href="http://www.baidu.com/">百度</a>这是一个指向百度的链接</p> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492963 permainan