Heading, Paragraf, dan Inline Text

Heading (<h1> sampai <h6>)

Heading digunakan untuk menandai judul dan subjudul dalam halaman. HTML menyediakan enam level heading:

• <h1>: Judul utama, digunakan sekali untuk topik paling penting.
• <h2>–<h6>: Subjudul dengan tingkat kepentingan yang menurun.

Contoh penggunaan:

<h1>Profil Saya</h1>
<h2>Tentang Saya</h2>
<h3>Pendidikan</h3>
<h4>Organisasi</h4>
<h5>Hobi</h5>
<h6>Catatan Kecil</h6>

Hal yang perlu diperhatikan:

• Gunakan heading secara berurutan dan terstruktur, bukan hanya untuk mengubah ukuran teks.
• <h1> biasanya menjelaskan tema utama halaman.

Paragraf (<p>)

Tag <p> digunakan untuk menulis teks dalam bentuk paragraf. Browser akan otomatis memberi jarak (margin) sebelum dan sesudah paragraf.

Contoh:

<p>
  Saya adalah seorang mahasiswa program studi Informatika yang tertarik pada
  pengembangan aplikasi berbasis web, IoT, dan smart solutions.
</p>
 
<p>
  Saat ini saya aktif dalam organisasi kemahasiswaan dan terus belajar untuk
  mengembangkan kemampuan di dunia teknologi.
</p>

Catatan:

• Setiap paragraf harus dibungkus dengan tag <p>...</p>.
• Jangan menulis teks panjang tanpa tag <p> karena akan sulit dibaca.

Inline Text dengan <span>

<span> adalah elemen inline yang digunakan untuk menandai bagian kecil dari teks, biasanya untuk keperluan styling atau identifikasi tertentu.

Perbedaan dengan <div>:

• <div>: elemen blok, memulai baris baru.
• <span>: elemen inline, tetap di satu baris.

Contoh penggunaan untuk memberi warna:

<p>
  <span style="color: red;">Mahasiswa Informatika</span> |
  <span style="color: green;">Universitas Pembangunan Jaya</span> |
  <span style="color: orange;">Hobi Menganalisis</span>
</p>

Contoh lain:

<p>
  Halo, nama saya <span class="highlight">Rio</span> dan saya suka belajar
  front-end development.
</p>

Biasanya, styling pada <span> lebih baik dilakukan dengan CSS:

<span class="highlight">Teks Penting</span>

.highlight {
  color: blue;
  font-weight: bold;
}

Dengan cara ini, HTML tetap bersih dan styling diatur di file CSS.