Pautan HTML
HTML menggunakan pautan super untuk menyambungkan dokumen lain di atas talian.
Pautan boleh ditemui hampir di semua halaman web. Dengan klik pautan, anda boleh melompat dari halaman ke halaman lain.
Contoh
- Cipta Pautan Super
- Contoh ini memaparkan bagaimana untuk membuat pautan di dokumen HTML.
- Gunakan Imej sebagai Pautan
- Contoh ini memaparkan bagaimana untuk menggunakan imej sebagai pautan.
Pautan Lepas HTML (Pautan)
Pautan lepas dapat menjadi satu huruf, kata, atau sekumpulan kata, atau juga gambar, dan anda boleh klik isyarat ini untuk melompat ke dokumen baru atau bahagian yang lain di dokumen semasa.
Ketika kursor tetikus anda dipindahkan ke atas pautan di halaman web, tanda panah akan berubah menjadi tangan kecil.
Kami menggunakan tanda <a> untuk membuat pautan di HTML.
Terdapat dua cara untuk menggunakan tag <a>:
- Dengan menggunakan sifat href - Membuat pautan ke dokumen lain
- Dengan menggunakan sifat name - Membuat tanda tanda dalam dokumen
Baca lanjut:Apakah hyper text?
Syarat pautan HTML
Kode HTML pautan sangat sederhana. Ia seperti ini:
<a href="url">Teks pautan</a>
Sifat href menentukan sasaran pautan.
Teks di antara tag awal dan akhir dijadikan pautan untuk dipaparkan.
Contoh
<a href="http://www.codew3c.com/">Lawat CodeW3C.com</a>
Baris kode di atas akan dipaparkan seperti ini:Lawat CodeW3C.com
Klik pautan ini akan membawa pengguna ke halaman utama CodeW3C.com.
Petunjuk:"Teks pautan" tidak harus selalu teks. Gambar atau elemen HTML lain juga boleh menjadi pautan.
HTML Pautan - sifat Target
Dengan sifat Target, anda boleh menentukan tempat dokumen yang dihubungkan akan dipaparkan.
Baris ini akan membuka dokumen di jendela baru:
<a href="http://www.codew3c.com/" target="_blank">Lawat CodeW3C.com!</a>
HTML Pautan - sifat name
Sifat name menentukan nama tanda tanda.
Anda boleh menggunakan sifat name untuk membuat tanda tanda di halaman HTML.
Tanda tanda tidak akan dipaparkan dengan cara khusus, ia tak dapat dilihat oleh pembaca.
Ketika menggunakan tanda tanda yang dinamakan (named anchors), kita boleh membuat pautan yang langsung melompat ke tanda tanda yang dinamakan (seperti sub-bab di halaman), supaya pengguna tidak perlu berputar halaman untuk mencari informasi yang mereka butuhkan.
Syarat penamaan tanda tanda:
<a name="label">Tanda tanda (tersampaikan di halaman)</a>
Petunjuk:Nama tanda tanda boleh menjadi apa saja yang anda sukai.
Petunjuk:Anda boleh menggunakan sifat id untuk menggantikan sifat name, penamaan tanda tanda masih berkesan.
Contoh
Pertama, kita menamakan tanda di dokumen HTML (membuat tanda tanda buku):
<a name="tips">Perhatian dasar - Petikan yang berguna</a>
Lalu, kita membuat pautan ke titik tanda di dokumen yang sama:
<a href="#tips">Petikan yang berguna</a>
Anda boleh membuat pautan ke titik tanda di halaman lain:
<a href="http://www.codew3c.com/html/html_links.asp#tips"">Tips yang Bermanfaat</a>
Dalam kode di atas, kita menambahkan simbol # dan nama referensi ke akhir URL, sehingga dapat langsung menghubungkan ke referensi yang dinamis tips ini.
Efek Khusus:Tips yang Bermanfaat
Perhatian Dasar - Tips yang Bermanfaat:
Komentar:Pastikan selalu menambahkan garis miring ke belakang ke folder anak. Jika menulis tautan seperti ini: href="http://www.codew3c.com/html" akan menghasilkan dua permintaan HTTP ke server. Ini karena server akan menambahkan garis miring ke belakang ke alamat ini, lalu membuat permintaan baru seperti ini: href="http://www.codew3c.com/html/".
Petunjuk:Referensi yang dinamis sering digunakan untuk membuat daftar referensi di awal dokumen besar. Anda dapat memberikan referensi dinamis ke setiap bab dan menempatkan tautan ke referensi ini di atas dokumen. Jika sering mengakses ensiklopedia Baidu, Anda akan menemukan hampir setiap entri menggunakan cara navigasi ini.
Petunjuk:Jika browser tidak dapat menemukan referensi yang ditentukan, maka akan bergerak ke puncak dokumen. Tidak ada kesalahan yang terjadi.
Contoh Lainnya
- Buka tautan di jendela browser baru
- Buka tautan di jendela browser baru, sehingga pengunjung tidak perlu meninggalkan situs Anda.
- Tautan ke Tempat Lain Halaman yang Sama
- Contoh ini menunjukkan bagaimana menggunakan tautan untuk melompat ke bagian lain dokumen.
- Keluar dari Kerangka
- Contoh ini menunjukkan bagaimana keluar dari kerangka, jika halaman Anda disematkan di dalam kerangka.
- Buat Tautan Email
- Contoh ini menunjukkan bagaimana menghubungkan ke email (contoh ini akan berfungsi setelah program klien email diinstal.).
- Buat Tautan Email 2
- Contoh ini menunjukkan tautan email yang lebih kompleks.
Tanda Tanggung Jawab HTML
| Tanda | Deskripsi |
|---|---|
| <a> | Definisi Anak |
