Belajar CSS untuk pemula
Definisi CSS
Menurut definisi saya dibantu oleh mba google, CSS (Cascading Style Sheet) adalah sekumpulan kode yang berfungsi menata tata letak halaman dan bertanggung jawab atas penampilan pada suatu website. Di dalam dunia web design, CSS adalah suatu kode yang dianggap wajib oleh para web designer , karena selain untuk menata tampilan pada halaman website, CSS ini juga berfungsi sebagai SEO (Search Engine Optimization). Bayangkan jika suatu website tanpa mempunyai kode CSS didalamnya, sungguh membuat pengunjung merasa tidak nyaman bukan? Maka oleh sebab itu kode yang diatur oleh World Wide Web Consortium (W3C) ini sangatlah berperan penting. Oh iya sebelum anda mempelajari apa itu CSS, alangkah baiknya anda mempelajari apa itu HTML.
Definisi HTML (Hyper Text Markup Language)
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut denganSGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).
HTML tidak pernah dimaksudkan untuk berisi tag untuk memformat dokumen.
HTML itu dimaksudkan untuk menentukan isi dari sebuah dokumen, seperti:
<h1> Ini adalah heading </ h1>
<p> Ini adalah sebuah paragraf. </ p>
Ketika tag seperti <font>, dan atribut warna ditambahkan dengan spesifikasi HTML 3.2 , mulai mimpi buruk bagi pengembang web. Pengembangan situs web yang besar , dimana informasi font dan warna yang ditambahkan ke setiap halaman menjadi proses yang panjang dan mahal.
Saya akan memberi contoh penulisan CSS jenis ini di dalam suatu HTML, berikut kodenya :
1
2
3
4
5
6
7
8
| <!DOCTYPE html><html><head><title>Ilmu CSS</title></head><body><p style="background: black">Ini adalah contoh paragraph</p></body></html> |
Yang diberi warna putih itu merupakan contoh dari kode CSS inline yang disisipkan di dalam sebuah tag HTML dan pada atribut style yang kebetulan pada tag p (paragraph). Dan yang diberi warna hijau itu adalah kode CSSnya. Begitu pemirsah...
Tidak ada komentar:
Posting Komentar