Format Text dan Style pada HTML

<h1>Ini adalah judul level 1</h1>
<h2>Ini adalah judul level 2</h2>
<h3>Ini adalah judul level 3</h3>
<h4>Ini adalah judul level 4</h4>
<h5>Ini adalah judul level 5</h5>
<h6>Ini adalah judul level 6</h6>

<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>

<p><strong>Teks ini akan menjadi tebal.</strong></p>

<p><em>Teks ini akan menjadi miring.</em></p>

<p><u>Teks ini akan memiliki garis bawah.</u></p>

<p><del>Teks ini akan tergaris.</del></p>

<p>Teks ini akan menjadi <sup>super</sup>script.</p>

<p>Teks ini akan menjadi <sub>sub</sub>script.</p>

<p style="color: red;">Teks ini akan berwarna merah.</p>

<p style="background-color: yellow;">Teks ini akan memiliki latar belakang warna kuning.</p>

<p style="font-size: 24px;">Teks ini akan memiliki ukuran font 24px.</p>

<p style="font-family: Arial, sans-serif;">Teks ini akan menggunakan font Arial atau font sans-serif.</p>

<p style="text-align: center;">Teks ini akan diatur menjadi rata tengah.</p>

<p style="letter-spacing: 2px;">Teks ini akan memiliki spasi antar kata sebesar 2px.</p>

<p style="text-indent: 20px;">Teks ini akan memiliki indentasi sebesar 20px.</p>

<p style="margin: 10px; padding: 10px;">Teks ini akan memiliki margin dan padding sebesar 10px.</p>

<p>Ini adalah <a href="https://www.example.com">link</a> ke website.</p>

<p>Ini adalah contoh gambar:</p>
<img src="gambar.jpg" alt="Gambar" width="200" height="200">

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

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