Hallo teman-teman, kali ini kita akan belajar bagaimana cara penulisan CSS pada HTML. Untuk penulisan CSS dibagi menjadi 3 cara, yaitu secara eksternal, internal, dan inline. Mari kita bahas satu-persatu. Untuk yang pertama adalah penulisan secara eksternal.

Eksternal CSS

Penulisan CSS secara eksternal adalah penulisan CSS terpisah dengan file html. Cara ini yang paling sering digunakan karena file HTML dan CSS dipisah pada file yang berbeda sehingga terlihat lebih rapih. Cara penulisanya seperti berikut.

1

Pertama kalian harus menghubungkan file HTML kalian dengan file CSS dengan cara seperti gambar diatas. Setelah selesai baru kalian bisa menuliskan perintah CSS pada file CSS yang kalian buat terpisah.

2

Internal CSS

Cara internal ini adalah kalian menuliskan perintah CSS dalam file HTML. Cara penulisanya adalah berada diantar tag <head> kemudian kalian buat tag <style>. Baru kalian bisa menuliskan perintah CSSnya seperti halnya pada cara eksternal seperti contoh gambar dibawah ini.

3

Inline CSS

Cara inline ini adalah kalian menuliskan perintah CSS di dalam tag HTML langsung seperti contoh gambar dibawah ini.

4

Sekian pembahasan mengenai cara penulisan CSS pada HTML. Semoga bermanfaat.