0
Cara Memformat Karakter pada HTML
Posted by Unknown
on
17.29
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
• <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.
Contoh:
<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>
Hasil:
Tag Font
Tag font digunakan untuk mengatur jenis,
ukuran dan warna font. Contoh penggunaannya
<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:
Posting Komentar