Assalamualaikum wr,wb
Kali ini saya akan berbagi pengetahuan tentang bagaimana menghubungkan HTML dengan CSS.
Tutorial Menghubungkan HTML Dengan CSS ini merupakan tutorial yang bisa dibilang penting. Karena jika kita tidak dapat menghubungkan HTML dengan CSS secara otomatis kita tidak mengetahui bagaimana cara untuk mendesain halaman website yang kita buat karena file HTML tidak terhubung dengan CSS. Bukan hanya CSS, tetapi PHP juga
CARA MENGHUBUNGKAN HTML DENGAN CSS
Untuk Cara Menghubungkan HTML Dengan CSS saya kira sangat mudah. Gunakan tag <link> untuk menghubungkan HTML dengan CSS.
Tag link di letakkan pada bagian element head pada struktur HTML.
Silahkan perhatikan contoh berikut :
Langkah :
1. Dari contoh dibawah ini saya membuat tag link yang berfungsi untuk menghubungkan file html/php dengan file CSS yang kita inginkan.
 |
| tag link |
Script di atas : Jika kita run di web browser maka tidak muncul apa - apa karena HTML hanya berisi struktur dasar dan belum terisi element apapun. Untuk mencoba apakah file CSS sudah terhubung dengan file HTML kita maka akan kita cek dengan cara berikut ini.
Kita buat contoh sederhana dengan cara membuat element heading, heading 1. heading 2 dan heading 3. dan kemudian kita beri warna text heading 1 dengan warna merah, heading 2 dengan warna biru dan heading 3 dengan warna hijau.
2. Sebelum ke script CSS-nya kita buat duu halaman yang berisi script html/php
 |
| Script html |
3. Script CSS
 |
| style css |
4. Hasil Setelah di buka di browser
 |
| hasil |
Sekian , semoga dapat menambah pengetahuan teman - teman
Terimakasih Wassalamulaikum wr.wb
EmoticonEmoticon