Sebelumnya kita telah membahas cara membuat halaman web dengan menggunakan CSS. Kali ini kita akan mempelajari tentang menghias HTML dengan CSS.
Terlebih
dahulu kita buka notepad++ untuk membuat
sorce kode html:
1.
Inline Style Sheets
CSS didefinisikan langsung pada tag HTML yang
bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..."
dalam tag HTML tersebut.Style hanya akan berlaku pada tag yang bersangkutan,
dan tidak akan memengaruhi tag HTML yang lain. Contoh:
Mengatur pada “Data Pribadi” ukuran hurufnya
20pt, warna tulisan= biru, jenis font=cambria
2. Embedded
Style Sheet
CSS didefinisikan terlebih dahulu dalam tag <style>
... </style> di atas tag <body>.[6]
Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk
tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.
Contoh:
Mengatur tulisan pada paragraf “Curriculum Vitae” menjadi warna biru
3. Linked Style
Sheet
Teknik penulisannya di tulis dalam sebuah
document tersendiri yang kita panggil menggunakan link. teknik pemanggilanya
kita deklarasikan di dalam tag HEAD.
Contoh:
4.
Berikut CSS
yg sudah saya buat:
Tidak ada komentar:
Posting Komentar