Selasa, 07 Mei 2013

Format Penulisan Font dalam HTML

Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:


<html> <head></head> <body> Untuk membuat jenis font (face): <h1> <span style="font-family: Verdana;">Judul dengan font Verdana</span></h1> <span style="font-family: Times;">Konten dengan font Times</span> Untuk membuat ukuran (size): <h1> <span style="font-size: x-small;">Judul dengan size 5</span></h1> <span style="font-size: xx-small;">Konten dengan size 3</span> Untuk membuat warna font (color): <h1> <span style="color: blue;">Judul dengan warna biru</span></h1> <span style="color: red;">Konten dengan warna merah</span> Contoh komplit untuk membuat jenis font (face),size dan color: <h1> <span style="color: green; font-family: Verdana; font-size: xx-small;">Judulnya Tentang Font</span></h1> <span style="color: #660000; font-family: Arial; font-size: xx-small;">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan tag HTML elemen <b>font</b> dengan atribut face, size dan color...</span> </body> </html>
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size: Atribut face="Jenis font yang digunakan", contoh: face="Tahoma" size="Ukuran dari font (1-7)", contoh: size="3" size="Memperbesar ukuran font", contoh: size="+1" size="Memperkecil ukuran font", contoh: size="-1" color="Warna dari font", contoh: color="blue" color="Warna dari font", contoh: color="#FF0000" Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag
<html> <head></head> <body> Untuk membuat jenis font (face): <h1 style="font-family:verdana">Judul Menggunakan font verdana</h1> <p style="font-family:tahoma">Konten menggunakan font tahoma</p> Untuk membuat ukuran (size): <h1 style="font-size:150%">Judul dengan ukuran 150%</h1> <p style="font-size:80%">Konten dengan ukuran 80%</p> Untuk membuat warna font (color): <h1 style="color:blue">Judul dengan warna Biru</h1> <p style="color:red">Konten dengan warna merah</p> Contoh komplit untuk membuat jenis font (face),size dan color: <p style="font-family:verdana;font-size:80%;color:green"> Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br> menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p> </body> </html>
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas

Categories: ,

0 komentar:

Posting Komentar