Minggu, 06 April 2014

Format Font HTML

Memformat Karakter

Melakukan format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen menjadi menarik dan informatif.


Logical Format
 
Logical format akan menerapkan layout dokumen secara logis dan terstruktur. Semua tag ini memerlukan tag penutup. Tag-tag yang termasuk logical format adalah sebagai berikut :

• <cite>, digunakan untuk menandai suatu kutipan (citation).
• <code>, digunakan untuk menampilkan kode-kode pemrograman, misalnya bahasa C.
• <em>, digunakan untuk menandai suatu teks yang ditekankan (cetak miring) oleh
penulis.
• <kbd>, digunakan untuk menandai suatu teks yang harus dimasukkan oleh user
melalui keyboard.
• <samp>, digunakan untuk menandai suatu teks yang dimaksudkan sebagai contoh.
• <strong>, digunakan untuk menandai bagian yang penting (cetak tebal) dari suatu
teks.
• <var>, digunakan untuk menampilkan nama variabel.
• <dfn>, digunakan untuk menandai sebuah subdefinisidari daftar definisi.


Physical Format 
Physical format adalah format terhadap fisik suatu font. Semua tag ini memerlukan tag penutup. Tag-tag yang termasuk physical format adalah sebagai berikut :
• <b>, untuk menampilkan huruf tebal.
• <i>, untuk menampilkan huruf miring.
• <u>, untuk menampilkan garis bawah pada teks. 
 <tt>, untuk menampilkan huruf seperti huruf mesin ketik.
• <strike>, untuk menampilkan garis horizontal pada bagian tengah huruf.
• <big>, untuk menampilkan ukuran huruf yang lebih besar.
• <small>, untuk menampilkan ukuran huruf yang lebih kecil.
• <sub>, untuk menampilkan subscript.
• <sup>, untuk menampilkan superscript.



<html>
<head>
<title>Memformat Karakter</title>
</head>
<body>
<b>Kalimat ini akan dicetak tebal</b><br>
<i>Kalimat ini akan dicetak miring</i><br>
<u>Kalimat ini akan bergaris bawah</u><br>
<strike>Kalimat ini akan bergaris tengah</strike>
</body>
</html>

Hasilnya :

 

<html>
<head>
<title>Memformat FONT</title>
</head>
<body>
<font face="arial" size="3" color="#ff0000">
Jenis font ini adalah Arial, berwarna merah, ukurannya 3
</font>
<br />
<font face="times new roman" size="6" color="blue">
Jenis font ini adalah Times New Roman, berwarna biru, ukurannya 6
</font>
</body>
</html>

Hasil dari scrip di atas 

 
Like This Article ? :