Close Menu

Elemen Teks dalam HTML

Table of Contents

Elemen teks dalam HTML digunakan untuk mengatur dan menampilkan teks di halaman web. Berikut adalah elemen-elemen teks yang paling umum digunakan beserta penjelasannya:

Paragraf #

Elemen <p> digunakan untuk membuat paragraf. Setiap paragraf dimulai dengan tag pembuka <p> dan diakhiri dengan tag penutup </p>.

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

Heading #

Elemen heading digunakan untuk membuat judul atau subjudul di halaman web. Ada enam tingkat heading dari <h1> hingga <h6>, di mana <h1> adalah yang terbesar dan <h6> adalah yang terkecil.

<h1>Heading Tingkat 1</h1>
<h2>Heading Tingkat 2</h2>
<h3>Heading Tingkat 3</h3>
<h4>Heading Tingkat 4</h4>
<h5>Heading Tingkat 5</h5>
<h6>Heading Tingkat 6</h6>

List #

  • Ordered List: Menggunakan elemen <ol> untuk membuat daftar bernomor. Setiap item dalam daftar menggunakan elemen <li>.
<ol>
    <li>Item pertama</li>
    <li>Item kedua</li>
    <li>Item ketiga</li>
</ol>
  • Unordered List: Menggunakan elemen <ul> untuk membuat daftar dengan bullet. Setiap item dalam daftar menggunakan elemen <li>.
<ul>
    <li>Item pertama</li>
    <li>Item kedua</li>
    <li>Item ketiga</li>
</ul>

Format Teks #

  • Teks Tebal: Menggunakan elemen <b> atau <strong> untuk menampilkan teks dengan huruf tebal.
<b>Ini adalah teks tebal.</b>
<strong>Ini juga adalah teks tebal.</strong>
  • Teks Miring: Menggunakan elemen <i> atau <em> untuk menampilkan teks dengan huruf miring.
<i>Ini adalah teks miring.</i>
<em>Ini juga adalah teks miring.</em>
  • Teks Bergaris Bawah: Menggunakan elemen <u> untuk menampilkan teks dengan garis bawah.
<u>Ini adalah teks dengan garis bawah.</u>

Blockquote #

Elemen <blockquote> digunakan untuk menampilkan kutipan blok dari teks. Biasanya, kutipan ini ditampilkan dengan indentasi.

<blockquote>
    Ini adalah sebuah kutipan blok. Biasanya, kutipan ini memiliki indentasi untuk memisahkannya dari teks utama.
</blockquote>

Preformatted Text #

Elemen <pre> digunakan untuk menampilkan teks dalam format yang sudah diformat sebelumnya. Teks di dalam elemen <pre> akan ditampilkan dengan font monospasi, dan spasi serta baris baru akan dipertahankan.

<pre>
    Ini adalah teks
    yang sudah diformat sebelumnya.
    Spasi dan baris baru akan dipertahankan.
</pre>

Code #

Elemen <code> digunakan untuk menampilkan kode program atau kode komputer.

<p>Berikut adalah contoh kode JavaScript:</p>
<code>console.log('Hello, World!');</code>

Subscript dan Superscript #

  • Subscript: Menggunakan elemen <sub> untuk menampilkan teks dalam format subskrip (lebih rendah dari teks normal).
H<sub>2</sub>O adalah rumus kimia untuk air.
  • Superscript: Menggunakan elemen <sup> untuk menampilkan teks dalam format superskrip (lebih tinggi dari teks normal).
E = mc<sup>2</sup> adalah rumus terkenal dari Einstein.

Dengan memahami dan menggunakan elemen-elemen teks ini, Anda dapat mengatur dan menampilkan teks di halaman web dengan cara yang lebih terstruktur dan menarik. Jika ada pertanyaan lebih lanjut atau bagian yang perlu diperjelas, jangan ragu untuk bertanya.

What are your Feelings