7 months ago

HTML DASAR : Text Formating

HTML DASAR : Text Formating

Dalam pengembangan web, pemformatan teks adalah salah satu aspek penting untuk membuat konten menjadi lebih menarik dan mudah dipahami oleh pengguna. HTML, sebagai bahasa markup standar untuk pembuatan halaman web, menyediakan berbagai elemen untuk memformat teks. Dalam artikel ini, kita akan menjelajahi beberapa elemen HTML yang berguna untuk pemformatan teks.

Judul (Heading):

Elemen <h1> hingga <h6> digunakan untuk menandai judul dan subjudul. Semakin kecil nomor heading, semakin rendah tingkat kepentingannya.

<h1>Judul Utama</h1>
<h2>Judul Sekunder</h2>
<h3>Judul Tersier</h3>

Paragraf:

Elemen <p> digunakan untuk menandai paragraf teks.

<p>Ini adalah sebuah paragraf teks.</p>

Penebalan Teks:

Elemen <strong> atau <b> digunakan untuk mempertegas atau membuat teks menjadi tebal.

<p><strong>Teks tebal</strong> atau <b>teks tebal</b></p>

Miringkan Teks:

Elemen <em> atau <i> digunakan untuk menekankan teks atau membuatnya menjadi miring.

<p><em>Teks miring</em> atau <i>teks miring</i></p>

Garis Bawah:

Elemen <u> digunakan untuk memberi teks garis bawah.

<p><u>Teks dengan garis bawah</u></p>

Tanda Blok Kutip:

Elemen <blockquote> digunakan untuk menandai blok kutipan.

<blockquote>
  <p>Ini adalah sebuah kutipan.</p>
</blockquote>

Superskrip dan Subskrip:

Elemen <sup> digunakan untuk superskrip (teks di atas garis), sedangkan <sub> untuk subskrip (teks di bawah garis).

<p>10<sup>2</sup> adalah 100</p>
<p>H<sub>2</sub>O adalah air.</p>

Preformat Teks:

Elemen <pre> digunakan untuk mempertahankan format teks seperti yang ditulis dalam kode sumber HTML.

<pre>
  Ini adalah contoh teks preformat.
  Ini tetap menjaga spasi dan baris baru yang ditulis.
</pre>

Garis Horizontal:

Elemen <hr> digunakan untuk menambahkan garis horizontal sebagai pemisah antara bagian teks.

<p>Teks di atas</p>
<hr>
<p>Teks di bawah</p>

Dengan memahami elemen-elemen HTML ini, Anda dapat memformat teks dengan lebih baik dalam halaman web Anda. Namun, selalu ingat untuk menggunakan pemformatan teks dengan bijak untuk meningkatkan keterbacaan dan pengalaman pengguna. Selamat mencoba!

#happycoding

Dengan memahami elemen-elemen HTML ini, Anda dapat memformat teks dengan lebih baik dalam halaman web Anda