Fundamental HTML - Tautan dan Penanda

• April 26, 2024

Anda dapat menggunakan tautan untuk menghubungkan halaman Anda ke halaman lain, atau bahkan untuk melompat ke bagian berbeda dari halaman yang sama. Tautan memberi situs web Anda kualitas dinamis yang membuatnya berbeda dari, katakanlah, buku atau majalah.

Pada level paling dasar, tag tautan terlihat seperti ini:



Tag apa pun yang dimulai dengan 'a' menunjukkan tautan, tetapi ada dua jenis tautan dasar: hyperlink dan jangkar bernama. Hyperlink adalah tautan yang menghubungkan satu halaman web ke halaman web lain dan akan terlihat seperti ini:

Tautkan teks di sini

Informasi dalam tag memberi tahu browser Anda bahwa ini adalah hyperlink (href) yang terhubung ke halaman web 'page.html.' Teks di dalam tag (Tautan teks di sini) adalah bagian dari tautan yang benar-benar dilihat pengunjung, dan dapat mengklik untuk melompat ke page.html. Jika Anda menautkan ke halaman di situs Anda dari halaman yang terletak di situs yang sama, Anda dapat meninggalkan informasi domain. Misalnya, jika Anda membuat tautan pada halaman Anda yang terletak di www.domain.com/home.html dan tautan yang terhubung ke halaman tujuan www.domain.com/page.html, Anda dapat menulis tautan tersebut dan melewati informasi nama domain. Jika Anda meninggalkan nama domain, browser akan menganggap bahwa halaman tujuan terletak di situs web yang sama dengan halaman yang menghubungkan.

Jangkar bernama (sering disebut hanya 'jangkar') melayani tujuan yang berbeda. Seperti yang mungkin Anda tebak dari namanya, sebuah jangkar menciptakan bendera yang tidak terlihat pada halaman yang memberitahu browser Anda tempat untuk mendarat ketika Anda mengatur tautan yang menjatuhkan pengunjung pada titik tertentu pada suatu halaman. Jangkar terlihat seperti ini:



Biasanya sebuah jangkar tidak menahan teks apa pun di antara tag pembuka dan penutup, karena tag itu ada di sana hanya untuk menandai tempat pada halaman. Untuk membuat tautan yang akan memungkinkan pengunjung melompat ke tempat ini di halaman dari halaman lain, Anda dapat membuat hyperlink seperti ini:

Kunjungi bagian Posting

Tanda '#' di dalam tautan memberi tahu browser bahwa Anda menautkan ke jangkar bernama. Jika Anda ingin membuat hyperlink yang akan mengarahkan pengunjung ke bagian lain dari halaman yang sama, itu akan terlihat seperti ini:

Kunjungi bagian Posting

Bagian penting lain dari hyperlink Anda adalah atribut 'target'. Ini memberi tahu browser cara menampilkan halaman tujuan. Anda memiliki tiga opsi utama: 'target = "_ blank",' 'target = "_ self",' dan 'target = "_ top".'

Argumen '_blank' akan membuka halaman yang ditautkan di jendela baru. Ini sangat berguna ketika Anda menautkan ke situs eksternal, karena pengunjung dapat menelusuri situs baru ke isi hati mereka tanpa kehilangan lokasi mereka di situs Anda. Lebih baik membuka dokumen seperti PDF di jendela baru, karena pengunjung akan sering menutup dokumen secara otomatis ketika sudah selesai.

Argumen '_self' menyebabkan halaman tertaut untuk menggantikan halaman saat ini di jendela browser yang ada. Ini terbaik untuk tautan di dalam situs Anda; jika tidak, pengunjung yang melakukan banyak penjelajahan melalui situs Anda akan berakhir dengan banyak jendela terbuka, yang bisa sangat menjengkelkan! Ini adalah argumen default untuk atribut 'target', jadi jika Anda tidak menentukan target, tautan Anda akan selalu menggunakan jendela browser yang ada.

Argumen '_top' umumnya digunakan di situs web frameset, dan memberi tahu browser untuk menimpa seluruh frameset, bukan hanya memuat halaman baru ke bagian mana saja dari frameset yang menyimpan tautan asli.

Petunjuk Video: A Beginner's Guide to Machine Learning with ml5.js (April 2024).