Belajar HTML Part 7: Cara Memformat Teks HTML

Diposting oleh pada tanggal

Cara Memformat Teks HTML


Pada bab sebelumnya, Anda belajar tentang atribut style HTML.

HTML juga mendefinisikan elemen khusus untuk mendefinisikan teks dengan makna khusus.

HTML menggunakan elemen seperti <b> dan <i> untuk memformat keluaran, seperti huruf tebal atau miring.



Memformat elemen dirancang untuk menampilkan jenis teks khusus:

  • <b> - Teks tebal
  • <strong> - Teks penting
  • <i> - Teks miring
  • <em> - Teks yang ditekankan
  • <mark> - Teks yang ditandai
  • <small> - teks kecil
  • <del> - teks yang dihapus
  • <ins> - Teks yang disisipkan
  • <sub> - teks subscript
  • <sup> - teks superscript
  • <!-- Tuliskan komentar anda disini --> - Tag komentar digunakan untuk memasukkan komentar ke kode HTML. Komentar tidak ditampilkan oleh browser, tapi bisa membantu mendokumentasikan kode HTML Anda.


Contoh Code:

<!DOCTYPE html>
<html>
<body>
<p>This text is normal.</p>
<p><b>This text is bold (tag b). Elemen HTML b mendefinisikan teks tebal, tanpa kepentingan ekstra.</b></p>
<p><strong>This text is strong (tag strong). Elemen HTML strong mendefinisikan teks yang kuat, dengan menambahkan kepentingan semantik "kuat".</strong></p>
<p><i>This text is italic (tag i). Elemen HTML i mendefinisikan teks miring, tanpa kepentingan ekstra.</i></p>
<p><em>This text is emphasized (tag em). Elemen HTML em mendefinisikan teks yang ditekankan, dengan menambahkan kepentingan semantik.</em></p>
<!-- Catatan: Browser menampilkan <strong> seperti <b>, dan <em> sebagai <i>. Namun, ada perbedaan arti tag ini: <b> dan <i> mendefinisikan huruf tebal dan miring, namun <strong> dan <em> berarti teks itu "penting". -->
<h2>HTML <small>Small</small> Formatting (tag small). Elemen HTML small mendefinisikan teks yang lebih kecil:</h2>
<h2>HTML <mark>Marked</mark> Formatting (tag mark). Elemen HTML mark mendefinisikan teks yang ditandai atau disorot:</h2>
<p>My favorite color is <del>blue</del> red (tag del). Elemen HTML del mendefinisikan teks yang dihapus (dihapus).</p>
<p>My favorite <ins>color</ins> is red (tag ins). Elemen HTML ins mendefinisikan teks yang dimasukkan (ditambahkan).</p>
<p>This is <sub>subscripted</sub> text (tag sub). Elemen HTML sub mendefinisikan teks subscripted.</p>
<p>This is <sup>superscripted</sup> text (tag sup). Elemen HTML sup mendefinisikan teks superscripted.</p>
</body>
</html>


Hasil Code:



Belajar HTML Secara Lengkap Disini:
1. Tutorial HTML Bagian 1
2. Tutorial HTML Bagian 2