Cara Menghubungkan File HTML dan CSS dengan mudah

CUMCODE - Cara Menghubungkan File HTML dan CSS dengan mudah

Aassalamualaikum wr wb kali ini kita akan belajar bagaimana cara Menghubungkan HTML & CSS sebelumnya kita akan membahas dulu sedikit tentang CSS.

CSS adalah kepanjangan dari Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas file.Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian body pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Langsung kepembahasan selanjutnya disini kita memiliki dua file yaitu file HTML dan file CSS.

File btn.html

File style.css


Sebelumnya gambar dibawah adalah tampilan HTML yang belum terhubung ke CSS.

Bagaimana Cara Menghubungkan File HTML Dan CSS ?

Sebelumnya kalian harus memanggil terlebih dahulu CSS nya di file HTML nya dengan menambhkan source code berikut


Setelah kalian berhasil memanggil CSS nya lihat source code berikut
pada file HTML disitu ada yang namanya button, pada bagian button kalian tambhkan class seperti source code berikut

Tampilan file HTML nya menjadi seperti ini
Gambar dibawah adalah tampilan HTML yang sudah terhubung dengan CSS.

Jadi seperti itu caranya menghubungkan HTML dan CSS semoga ini bisa bermanfaat dan terima kasih telah berkunjung.

Download Souce Code