Senin, 20 April 2015

HTML Font : Mengatur jenis, ukuran, warna pada font

Font digunakan untuk memodifikasi sebuah font (jenis huruf yang digunakan pada teks) seperti :
tipe font (dapat berupa arial, Calibri, dll.) ukuran font, warna font. Font di definisikan dengan tag <font>..</font> . tanpa suatu attribute, tag font tidak memiliki arti apa apa. Jadi tag font perlu diberi attribute, adapun attribute font yang biasa digunakan adalah sebagai berikut :



Face : digunakan untuk mengatur tipe / jenis font apa yang akan kita gunakan pada suatu elemen, misalnya :
<font face=”Calibri”>…element…</font>

Size : digunakan untuk mengatur ukuran font, memiliki nilai attribute berupa angka, misalnya :
<font size=”5”>…element…</font>

Color : digunakan untuk mengatur warna font pada elemen, memiliki nilai berupa nama warna atau kode heksadesimal misalnya :
<font color=”red”>…element…</font>
<font color=”#f41515”>…element…</font>
Kode heksadesimal dapat anda ambil pada panel warna yang tersedia pada software grafis seperti photoshop.

Seluruh attribute tersebut dapat digabungkan seperti :
<font face=”Calibri” size=”5” color=”red”>…element…</font>

Contoh : font.html
  1. <html>
  2. <head>
  3. <title>Font</title>
  4. </head>
  5. <body>
  6. <font face="Calibri">
  7. Menggunakan font pada dokumen <font color="red" size="5">HTML</font>
  8. </font>
  9. </body>
  10. </html>

Hasil keluaran browser :





Penjelasan : pada kalimat “menggunakan font pada dokumen HTML” tipe font diubah dalam bentuk Calibri sedangkan pada bagian HTML diubah warna ke dalam merah dan ukurannya lebih besar. 

Tidak ada komentar:

Posting Komentar