Belajar HTML Dasar : Menghubungkan HTML dengan CSS #13

 

Kita tidak mengetahui cara menghungkan HTML dengan CSS secara otomatis pasti kita tidak tau bagaimana caranya untuk mendesign halaman website yang kita buat karena file HTML tidak terhubung dengan CSS. Bukan hanya HTML sebenarnya, tetapi PHP juga sama, PHP yang kita akan gunakan untuk membuat website. Setelah anda selesai mempelajari materi HTML ini diasumsikan untuk melanjutkan ke materi belajar CSS dan belajar PHP di https://www.mazkrantech.my.id, agar materi yang dipelajari menjadi terurut.

Setelah anda mempelajari materi html menghungkan html dengan css ini selanjutnya akan dijelaskan lagi pada materi selanjutnya tentang Class dan Id pada html. Pemahaman tentang Class dan Id pada HTML, merupakan dasar yang harus dipahami sebelum anda melangkah lebih jauh mempelajari CSS. Apalgi bagi anda yang ingin memfokuskan diri pada bagain front-end developer/web design. silahkan simak penjelasan tentang cara menghubungkan HTML dengan CSS berikut ini untuk penjelasanya.

Cara Menghubungkan HTML dengan CSS

Untuk cara menghubungkan HTML dengan CSS caranya sangat mudah. gunakan tag <link> untuk menghubungkan html dengan css. tag link diletakan pada bagian element head pada struktur HTML. baiklah perhatikan contoh cara menghubungkan html dengan css berikut penjelasanya.

Buat sebuah file html. Disini saya membuat file html dengan nama index.html. Kemudian buat sebuah file css lagi boleh menggunakan nama apa saja, disini saya membuat file css dengan style.css jadi ada dua buah file yang saya buat yaitu file index.html dan style.css.

Inilah isi file index.html saya

Contoh diatas merupakan cara menghubungkan file html dengan css. pada contoh diatas saya membuat tag link yang berfungsi untuk menghubungkan file html dengan file css yang kita inginkan.

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

Atribut rel="stylesheet dan type="text/css" merupakan deklarasi untuk menjelaskan bahwa file yang kita pangil atau kita hubungkan dengan file stylesheet atau css. dan pada atribut href digunakan untuk meletakan lokasi dan nama file css yang kita ingin hubungkan.

Berbagi :