Mengatur Font dan Warna
Mengatur Font dan Warna
Web Design
Tim Dosen
• Dokumen HTML menyediakan fasilitas
untuk mengubah warna baik warna font,
maupun background.
• Kita dapat menspesifikasikan ukuran dan
jenis dari output browser (font).
• HTML menggunakan tag untuk
mengatur font atau spesifikasi tulisan di
HTML.
This is a
paragraph
Menggunakan font size
• Contoh mendemonstrasikan bagaimana
mengubah ukuran font:
Ukuran Font
Font Size 1
Font Size 2
Font Size 3
Font Size 4
Font Size 5
Font Size 6
Font Size 7
Menggunakan Font Face
• Contoh mendemonstrasikan bagaimana
mengubah jenis font:
Ukuran Font
Another letter
Another letter
Another letter
Another letter
Another letter
Menggunakan Font Color
• Contoh mendemonstrasikan bagaimana
mengubah warna font:
Ukuran Font
Ini warna putih
Ini warna hijau
Mengatur Font dan Warna dengan
CSS
• Untuk mendeklarasikan CSS diletakkan di
bagian head dari dokumen HTML, ditandai
dengan:
Contoh Penggunaan CSS
Ukuran Font
Body{ background-color:red; color:blue; font-family:verdana; fontsize:12pt;
Background-image:url(“.. /picture/background.jpg”); marginleft:15px
}
Web Design
Tim Dosen
• Dokumen HTML menyediakan fasilitas
untuk mengubah warna baik warna font,
maupun background.
• Kita dapat menspesifikasikan ukuran dan
jenis dari output browser (font).
• HTML menggunakan tag untuk
mengatur font atau spesifikasi tulisan di
HTML.
This is a
paragraph
Menggunakan font size
• Contoh mendemonstrasikan bagaimana
mengubah ukuran font:
Ukuran Font
Font Size 1
Font Size 2
Font Size 3
Font Size 4
Font Size 5
Font Size 6
Font Size 7
Menggunakan Font Face
• Contoh mendemonstrasikan bagaimana
mengubah jenis font:
Ukuran Font
Another letter
Another letter
Another letter
Another letter
Another letter
Menggunakan Font Color
• Contoh mendemonstrasikan bagaimana
mengubah warna font:
Ukuran Font
Ini warna putih
Ini warna hijau
Mengatur Font dan Warna dengan
CSS
• Untuk mendeklarasikan CSS diletakkan di
bagian head dari dokumen HTML, ditandai
dengan:
Contoh Penggunaan CSS
Ukuran Font
Body{ background-color:red; color:blue; font-family:verdana; fontsize:12pt;
Background-image:url(“.. /picture/background.jpg”); marginleft:15px
}