HTML (Hypertext Markup Language) adalah bahasa pemrograman yang digunakan untuk membuat halaman web. Salah satu tag yang sering digunakan pada HTML adalah tag <link>. Tag ini biasanya digunakan untuk menautkan atau menghubungkan halaman HTML dengan file eksternal seperti file CSS, JavaScript, dan ikon favicon.


Pada dasarnya, tag <link> digunakan untuk memuat file eksternal ke dalam halaman HTML. Dengan menggunakan tag ini, kita bisa mengontrol tampilan dan perilaku halaman web dengan lebih baik. Berikut ini adalah beberapa contoh penggunaan tag <link> pada HTML:


  1. Menghubungkan halaman HTML dengan file CSS

    2. File CSS digunakan untuk mengatur tampilan dan layout halaman web. Untuk menghubungkan halaman HTML dengan file CSS, kita bisa menggunakan tag <link>. Berikut ini adalah contoh penggunaannya:

    
  
    <link rel="stylesheet" type="text/css" href="style.css">

    Pada contoh di atas, kita menggunakan tag <link> dengan atribut rel="stylesheet" untuk menandakan bahwa file yang dihubungkan adalah file CSS. Selain itu, kita juga menambahkan atribut type="text/css" untuk menandakan bahwa jenis file yang dihubungkan adalah CSS. Terakhir, kita menambahkan atribut href untuk menentukan letak file CSS yang akan dihubungkan.


  2. Menghubungkan halaman HTML dengan file JavaScript

    3. File JavaScript digunakan untuk membuat interaksi dinamis pada halaman web. Untuk menghubungkan halaman HTML dengan file JavaScript, kita bisa menggunakan tag <link>. Berikut ini adalah contoh penggunaannya:

    
  
    <link rel="script" type="text/javascript" href="script.js">

    Pada contoh di atas, kita menggunakan tag <link> dengan atribut rel="script" untuk menandakan bahwa file yang dihubungkan adalah file JavaScript. Selain itu, kita juga menambahkan atribut type="text/javascript" untuk menandakan bahwa jenis file yang dihubungkan adalah JavaScript. Terakhir, kita menambahkan atribut href untuk menentukan letak file JavaScript yang akan dihubungkan.


  3. Menghubungkan halaman HTML dengan ikon favicon

    4. Ikon favicon adalah gambar kecil yang muncul di tab browser atau bookmark halaman web. Untuk menghubungkan halaman HTML dengan ikon favicon, kita bisa menggunakan tag <link>. Berikut ini adalah contoh penggunaannya:

    
  
    <link rel="shortcut icon" href="favicon.ico">

    Pada contoh di atas, kita menggunakan tag <link> dengan atribut rel="shortcut icon" untuk menandakan bahwa file yang dihubungkan adalah ikon favicon. Selain itu, kita juga menambahkan atribut href untuk menentukan letak file ikon favicon yang akan dihubungkan.


Dalam penggunaannya, tag <link> pada HTML juga memiliki beberapa atribut lain seperti hreflang, media, sizes, dan lain sebagainya yang dapat digunakan untuk mengontrol perilaku file yang dihubungkan. Oleh karena itu, penggunaan tag <link> pada HTML sangat penting untuk meningkatkan kualitas tampilan dan perilaku halaman web.