Pada tulisan Maya sebelumnya yang berjudul: Memahami Element, Tag dan Attribute dalam HTML sudah disinggung sedikit tentang attribute.
Sekarang kita akan sama-sama ngobrolin lebih detail tentang attribute style, yaitu satu perintah untuk manipulasi element HTML, baik dalam hal warna, kotak, jarak, dan lain-lain.
Attribute style berkaitan erat dengan CSS (cascading style sheets), karena CSS adalah attribute style itu sendiri dalam HTML.
CSS/attribute style sama-sama memiliki peran untuk mendeskripsikan bagaimana sebuah element HTML ditampilkan dalam browser nanti.
CSS itu sendiri bisa kita gunakan dalam 3 cara:
- Inline CSS : atau css dalam baris attribute HTML yang diletakan di tag pembuka, menggunakan attribute style, ini yang akan kita sama-sama diskusikan.
- Internal CSS: artinya CSS yang kita letakan dalam element <head> pada sebuah laman HTML.
- External CSS: menggunakan file terpisah dengan ekstensi .css (dot css)
Maya sendiri lebih nyaman menggunakan external CSS agar lebih mudah untuk Maya edit, dan jika ada yang tidak sesuai, Maya lebih mudah mencarinya.
Bagainapun ketiga cara tersebut bisa kita gunakan, tergantung kebutuhan, nanti ada bagian-bagian tertentu memang yang membutuhkan inline HTML, atau Internal maupun exteral CSS.
Tetapi untuk awal, sekarang yang akan kita sama-sama obrolin dalam konteks HTML adalah bagaimana membuat inline CSS alias menggunakan attribute style dalam element HTML.
Kita akan membahas lebih detail tentang CSS pada tutorial CSS nanti, insyallah kalau kita semua panjang umur.
