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