Tutorial Belajar Text Formatting di HTML

Kita dapat menandai bagian-bagian tertentu dari sebuah teks HTML seperti cetak tebal, cetak miring dan lain-lain.
<b>
- mencetak tebal teks<strong>
- menandai teks penting<i>
- mencetak miring teks<em>
- memberikan penekanan pada teks<mark>
- menandai teks dengan sorotan<small>
- membuat teks lebih kecil dari ukuran bawaan<del>
- memberi coretan pada teks<ins>
- mengarisbawahi teks<sub>
- membuat tulisan lebih bawah dari garis datar tulisan<sup>
- membuat tulisan lebih atas dari garis datar tulisan
PRAKTEK
- Pada editor terdapat contoh penggunaan masing-masing tag formatting. Jalankan kode program untuk melihat hasil tampilannya.
- Bila kita perhatikan, tag
<b>
dan<strong>
menampilkan hasil yang serupa, begitu juga dengan tag<i>
dan<em>
. Mengapa demikian?Hal ini terkait dengan semantic HTML. Lebih jelas terkait hal tersebut dapat dilihat di artikel http://webdesignfromscratch.com/html-css/semantic-html/
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<b>mencetak tebal</b> <br />
<strong>teks penting</strong> <br />
mencetak <i>miring</i> teks <br />
memberi <em>penekanan</em> pada teks <br />
<mark>menandai teks</mark><br />
teks <small>lebih kecil</small> dari default <br />
<del>coretan</del> pada teks <br />
<ins>mengarisbawahi</ins> teks <br />
tulisan <sub>di bawah</sub> garis <br />
tulisan <sup>di atas</sup> garis
</body>
</html>
Hasilnya:
mencetak tebal
teks penting
mencetak miring teks
memberi penekanan pada teks
menandai teks
teks lebih kecil dari default
mengarisbawahi teks
tulisan di bawah garis
tulisan di atas garis
0 Response to "Tutorial Belajar Text Formatting di HTML"
Posting Komentar