Penjelasan Tag <link>
Sebelum mempelajari tentang Tag <link> alangkah baiknya memahami Struktur Dasar HTML terlebih dahulu.
Tag <link> digunakan untuk membuat "hubungan" antara halaman HTML dengan file lain. Tag <link> sering digunakan untuk menghubungkan dengan file CSS secara eksternal. Dan tag ini juga tidak memerlukan tag penutup. Apabila ingin menghubungkan file HTML dengan file CSS yang berada di eksternal maka dapat menggunakan tag ini.
Sebuah link element memiliki beberapa atribut yang dapat digunakan. Atribut yang diberikan yang paling sering digunakan adalah href dan atribut rel.
Atribut href (hypertext reference) digunakan untuk menulis alamat lokasi file external yang dituju.
Sedangkan atribut rel (relationship) berisi jenis hubungan dengan file tersebut.
Berikut adalah beberapa contoh atribut dari tag <link>
| Nama Atribut | Isi Atribut | Fungsi | Contoh |
|---|---|---|---|
| href | URL | Untuk menghubungkan dengan file yang lain. | <link href="theme.css"> "menghubungkan halaman yang dibuat dengan file 'theme.css'" |
| hreflang | kode bahasa | Mendiskripsikan bahasa yang digunakan dalam kode HTML | <link hreflang="id"> "Bahwa halaman web dibuat menggunakan bahasa indonesia" |
| media | all aural braille handheld projection screen tty tv | Menentukan di media apa saja content akan tampil | <link media="print"> "Menampilkan content yang dibuat saat tampilan print" |
| rel | alternate author dns-prefetch help icon license next pingback preconnect preload stylesheet search | Menghubungkan antar dokumen di dalam suatu halaman. | <link rel="stylesheet" href="theme.css"> "Menghubungkan halaman html yang dibuat dengan sebuah file css untuk diterapkan di halaman html tersebut" |
| sizes | Nilai TinggixNilai Lebar | Menentukan ukuran dari sebuah icon. | <link rel="icon" href="logo.png" sizes="16x16"> "memberikan ukuran terhadap gambar icon dengan judul 'logo.png' dengan ukuran tinggi=16cm,lebar=16 cm." |
| type | media_type | Mendeskripsikan jenis dan format suatu file. | <link href="logo.png" type="image/png"> "Menjelaskan bahwa file dengan nama'logo.png' berjenis image dan memiliki format png." |
Dari berbagai atribut yang sudah dijelaskan tentu itu tidak digunakan semuanya. Cukup sesuai dengan kebutuhan saja. Contoh apabila ingin menyisipkan file CSS di dalam dokumen HTML, maka yang dibutuhkan atribut href dan rel.
Apabila ingin membuat favicon, maka gunakan atribut href, rel dan type. Apa itu favicon? Pelajari lebih lanjut tentang favicon...
Membuat Favicon
Favicon adalah gambar kecil yang dapat anda lihat pada bagian kiri halaman web, seperti gambar dibawah ini.
Untuk contoh elementnya adalah berikut :
<link rel="icon" href="logo.png" type="image/png">Berdasarkan kode diatas diberikan contoh gambar yang memiliki format png. Apabila format gambar adalah jpg maka kode yang ditulis adalah:
<link rel="icon" href="logo.jpg" type="image/jpg">Untuk kode HTML lengkapnya sebagai berikut :
<!DOCTYPE html><html><head><link rel="icon" href="logo.png" type="image/png"><title>Patukom | Panduan Tutorial Komputer</title></head><body>
.
.
.
</body></html>Nah itulah artikel tentang Penjelasan Tag Link dan Cara membuat Favicon. Apabila ada sesuatu yang belum jelas dan kurang paham silahkan bertanya di kolom komentar, dan apabila bermanfaat jangan lupa klik tombol share di bagian bawah postingan agar orang lain mendapatkan manfaatnya juga. Trims :)
Untuk materi berikutnya silahkan pelajari tentang Tag Script dan Tag Style
0 komentar:
Posting Komentar
Dilarang keras menyebar spam, di alamat blog ini.Terimakasih atas kerjasamanya.