postingan terbaru

Loading

Kamis, 20 Oktober 2011

Tutorial dasar Belajar CSS bagi Pemula

Masih ingatkah pembaca tentang fungsi instruksi dari tag-tag pada HTML dimana salah satunya adalah sebagai Presentation, yang berfungsi untuk mengatur tampilan dari suatu dokumen atau halaman website? Misalnya tag <i> yang memberikan instruksi untuk membuat text menjadi cetak miring. Untuk lebih jelasnya bisa Anda buka kembali postingan yang lalu . Lantas apa hubungannya dengan CSS yang sekarang kita bahas? Nah, fungsi instruksi dari HTML itu sekarang sudah dapat digantikan oleh yang namanya CSS. Berikut pengertian CSS yang saya coba untuk mendefenisikannya sendiri:

"CSS yang kepanjangannya adalah Cascading Style Sheets merupakan sebuah bahasa yang digunakan untuk mengatur tampilan dari suatu dokumen atau halaman website, atau dengan kata lainnya mengatur penampilan atau penampakan dari sebuah halaman website"

Fungsi ini sama dengan fungsi tag HTML sebagai presentation. Tampilan yang diatur antara lain warna, bentuk, ukuran, letak dan sebagainya dari halaman atau dokumen website tersebut. Seperti yang pernah kita bahas sebelumnya, jika di dalam bahasa HTML kita ingin menginstruksikan sebuah teks menjadi cetak tebal, maka kita gunakan tag <strong>

Penulisannya: <strong>HALLO</strong>
Tampilannya: HALLO

Jika kita ingin membuat teks tersebut juga cetak miring, maka kita tambahkan tag <i>

Penulisannya: <i><strong>HALLO</strong><i/>
Tampilannya: HALLO

Dari sana bisa kita lihat bahwa jika ingin mengatur tampilan dari sebuah data misalnya sebuah teks, maka kita perlu menambahkan tag-tag yang menginstruksikan tampilan tersebut secara langsung pada teks tersebut. Jika ternyata ada teks lain yang ingin kita tampilkan sama seperti teks "HALLO" tersebut, maka kita harus memberikan tag-tag yang sama seperti tag-tag pada teks "HALLO" pada teks yang baru tersebut. Gimana, kebayangkan prinsip kerja tag HTML tersebut?
Sedangkan pada CSS, kita tidak perlu melakukan deklarasi satu persatu seperti dalam penggunan tag-tag HTML. CSS dapat menggantikan peran tag-tag tersebut dengan mendeklarasikan terlebih dahulu sebuah atribut, dan atribut tersebutlah yang akan digunakan oleh data-data seperti teks dan yang lainnya sebagai tampilannya

Artikel Yang Berhubungan



0 komentar:

Poskan Komentar

Buat sobat blogger anda tulis komentar disini,angdidi tulis komentar disana tapi yang sopan ya!!!angdidi yakin anda adalah blogger yang baik matur kesuwun...