Assalamualaikum Warohmatullahi Wabarokatuh
Haloo teman-teman semoga sehat selalu dan ceria :)
Nah teman-teman sekarang saya akan menulis tutorial untuk cara penggunaan css beserta contohnya yang sebelumya teman-teman sudah dijelaskan tentang css. Untuk penggunaan css sebenernya mudah sekali tidak serumit hubungan kamu dan dia hehe :D. Nah langsung saja saya akan mengajarkan cara penggunaan css itu ada 3 cara :
1.INLINE TAG
Penggunaan css dengan penerapan Inline tag sangat mudah namun kurang efesien karena penggunaan ini diharuskan untuk menaruh kode css per tag html
Contoh :
Output
Klik Disini
Keterangan
Coba kita lihat contoh diatas penggunaan css color itu ditempatkan dalam tag a href dengan warna text merah , bayangkan ketika kita mempunyai ribuan baris kode maka akan sangat banyak kita menaruh kode css perbaris , untuk itu penggunaan css ini sangat jarang sekali diterapkan.
2.INTERNAL
Tadi teman-teman sudah baca cara pertama penggunaan css dengan penerapan inline tag. Cara kedua dalam penggunaan css itu internal. Cara ini diterapkan dengan menempatkan kode css dalam satu file .html yang akan menggunakan css, langsung aja yuk lihat contoh ya dibawah ini J
Output
Body Background Merah
Keterangan
Nah berbeda penggunaan css pada cara pertama. Cara ini lebih mudah dibandingkan dengan cara pertama. Kode yang digunakan diapit diantara tag diawali dengan . Namun cara ini masih jarang digunakan oleh sebagian programmer dikarenakan struktur pengkodean masih tergabung dalam html yang terlihat rumit dan kurang efektif.
3. External
Cara terakhir penggunaan css ini sangat berbeda dengan kedua cara diatas. Penggunaan css ini dengan memisahkan antara kode html dan css. Jadi untuk penerapannya dalam file html tinggal memanggil file css saja, yups lihat contoh dibawah ini
belajar.html
Nama saya contoh
style.css
h1{
background-color: red;
color: white;
}
Output
Keterangan
Nah mudahkan caranya ? jadi dalam file html hanya memanggil file cssnya dengan tag yang diletakan dalam tag dan ingat file css itu harus satu direktori dengan file .html kalau beda direktori tinggal sesuaikan dalam tag seperti ini
No comments:
Post a Comment