March 28, 2011

Setelah sebelumnya saya mengulas pemformatan text pada html, kini saya akan mencoba memberikan tutorial tentang pemformatan font seperti mengubah ukuran font (font size), mengatur warna font (font color), dan mengganti font dari default ke font kostum.


Pemformatan html ini berlaku untuk blog maupun situs dengan platform html (.html, .htm, dll)

FORMAT FONT
Format font pada dokumen html terdiri dari 3 kategori yaitu:
1. Font Face
2. Font Size
3. Font Color


FONT FACE
Font Face adalah syntax yang digunakan pada html untuk merubah tipe huruf (font) dari default (biasanya Arial) ke bentuk yang lain-lainnya seperti calibri, comic sans, microsoft sant serif, Monotype, dll.

Formatnya:
<font face="type font">text isi</font>

Contohnya:
<font face="Comic sans MS">prohtml.blogspot.com</font>


FONT SIZE
Font Size digunakan untuk merubah ukuran huruf pada html. Terdapat variable berupa numerik (angka) untuk mengatur seberapa besar kecil ukuran font tersebut.

Formatnya:
<font size="variable numberik">text isi</font>

Contohnya:
<font size="24">jangan cuma copy-paste donk</font>


FONT COLOR
Pemformatan yang terakhir adalah Font color alias warna huruf. Untuk merubah warna font dari default (hitam) ke warna warna lainnya digunakan properti warna dalam nilai hex (hexadecimal).
Agak susah memang, sebab kita harus mengetahui kode-kode hexadecimal untuk warna-warna tersebut, contohnya hitam dalam hex menjadi #000000 atau merah menjadi #FF0000
Namun tidaklah susah sebab hampir semua platform blog maupun situs sudah menyediakan tombol untuk merubah warna-warna font tanpa harus menghafal kode hex.

Formatnya:
<font color="warna dalam kode hexadecimal">text isi</font>

Contohnya:
<font color="#CC0000">karya asli prohtml</font>


CONTOH PENGGABUNGAN
Sebenarnya, format font adalah properti variable dari <FONT> sehingga dapat digabungkan semisal:

<font face="Comic sans MS" size="12" color="#FF0000">Ini adalah font comic sans merah dengan ukuran 12</font>



Demikian tutorial singkat tentang format font pada html dari saya, tutorial dasar ini didedikasikan kepada para blogger Indonesia pada khususnya maupun masyarakat yang sedang belajar pemprograman HTML pada umumnya.
Saya sebagai penulis blog ini hanya berharap tutorial pemformatan font ini bisa menambah wawasan kita tentang HTML.


Copyright 2011, proHTML
All right reserved

0 comment:

Post a Comment

 
Copyright © proHTML All Right Reserved
Blogger Designed by IVYthemes