Selamat malam gan Ardi-IT Teknologi Update lagi ni , kita lanjut part 2 Tutorial CSS nya ,
Tutorial Belajar CSS Part 2: Cara Menginput Kode CSS ke Halaman HTML
Jika dalam tutorial CSS sebelumnya kita telah mempelajari Pengertian CSS, pada tutorial kali ini kita akan membahas cara menginput arahan CSS ke halaman HTML.
Sebagaimana telah dipelajari pada ketika pembahasan ihwal HTML (pada artikel tutorial berguru HTML), HTML pada dasarnya ialah kumpulan dari tag-tag yang disusun sehingga mempunyai bagian-bagian tertentu, menyerupai paragraf, list, tabel dan sebagainya. CSS digunakan untuk mendesain tag-tag HTML ini.
Secara garis besar, terdapat 3 cara menginput arahan CSS ke dalam HTML, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.
Metode Inline Style
Metode Inline Style ialah cara menginput arahan CSS eksklusif ke dalam tag HTML dengan memakai atribut style, referensi penggunaan Metode Inline Style CSS ialah sebagai berikut:
Dalam arahan diatas, aku menyisipkan atribut style pada tag
, nilai dari atribut style ini ialah arahan CSS yang ingin diterapkan.
, nilai dari atribut style ini ialah arahan CSS yang ingin diterapkan.
Penggunaan tag CSS menyerupai ini walaupun praktis, namun tidak disarankan, alasannya arahan CSS langsung tergabung dengan HTML, dan tidak memenuhi tujuan dibuatnya CSS semoga desain terpisah dengan konten.
Metode Internal Style Sheets
Metode Internal Style Sheets, atau disebut juga Embedded Style Sheets dipakai untuk memisahkan arahan CSS dari tag HTML namun tetap dalam satu halaman HTML. Atribut style yang sebelumnya berada di dalam tag, dikumpulkan pada pada sebuah tag
Sumber http://beritatecnologi.blogspot.com
EmoticonEmoticon