Membuat Layout Menggunakan CSS

CSS merupakan sebuah perintah yang mampu berjalan di antara tag HTML, jadi versi HTML juga akan berpengaruh terhadap objek yang dihasilkan oleh CSS itu sendiri. Dengan menggunakan CSS kita dapat menghemat pekerjaan pengaturan web kita, karena HTML hanya mengijinkan untuk pengaturan halaman per elemen saja. Terdapat tiga style yang digunakan dalam CSS yaitu Embedded, Inline, Linked. Dimana Embedded yaitu property style yang diletakkan di dalam satu blok di dokumen HTML. Inline: Properti style diterapkan secara langsung baris per baris atau perlemen HTML. Linked : property style yang diletakkan di file berekstensi css dan dikaitkan dengan dokumen HTML.

Jadi jika kita membuat sebuah web yang besar, kita akan dipersulit dengan pengaturan halaman baik itu warna background, jenis text, maupun ukuran text. alam pengaturannya biasanya style disimpan di dalam sebuah file bernama style.css. Style sheets ini dapat juga berupa file maupun embeded bersama tag HTML itu sendiri. Jika menggunakan CSS, cukup sekali saja dalam menentukan sebuah bentuk Layout halaman web kita yang kemudian semua halaman akan dihubungkan dengan file CSS yang telah kita buat. Selain itu kita juga diberikan kemudahan dalam mengelola web. Jadi kapanpun kita dapat mengganti tampilan halaman dengan hanya merubah file dokumen Style Sheet yang telah kita buat. Sekarang kita akan mencoba untuk membuat sebuah Layout Web dengan menggunakan CSS dan tag HTML division.

Di bawah ini dapat di lihat bentuk desain layout sederhana dan layout u/ web…

Gambar. layout sederhana

Gambar. Desain web

Untuk mengetahui sintaksnya klik d.sini…