Lanjutkan perjalanan Anda dalam belajar HTML dengan mengenal elemen dasar. Pelajari penggunaan elemen heading, paragraf, pemformatan teks, gambar, tautan, dan daftar untuk membuat halaman web yang menarik dan informatif.

Setelah Anda memahami struktur dasar HTML, langkah selanjutnya adalah mengenal beberapa elemen dasar yang umum digunakan dalam membangun halaman web. Berikut adalah beberapa elemen yang perlu Anda pelajari:

  1. Elemen Heading: Elemen heading (<h1> hingga <h6>) digunakan untuk membuat judul dan subjudul di halaman web. <h1> adalah heading terbesar, sementara <h6> adalah yang terkecil. Gunakan elemen heading sesuai dengan hierarki informasi yang ingin Anda sampaikan di halaman web.

    <h1>Ini adalah judul halaman</h1>
    <h2>Ini adalah subjudul</h2>
    
  2. Elemen Paragraf: Elemen <p> digunakan untuk membuat paragraf teks di halaman web. Gunakan elemen ini untuk mengatur teks menjadi paragraf yang terpisah.

    <p>Ini adalah paragraf pertama.</p>
    <p>Ini adalah paragraf kedua.</p>
    
  3. Elemen Teks Formatting: Anda dapat memformat teks dalam HTML dengan menggunakan beberapa elemen, seperti <b> untuk teks tebal, <i> untuk teks miring, dan <u> untuk teks bergaris bawah.

    <p><b>Teks tebal</b></p>
    <p><i>Teks miring</i></p>
    <p><u>Teks bergaris bawah</u></p>
    
  4. Elemen Gambar: Elemen <img> digunakan untuk menampilkan gambar di halaman web. Gunakan atribut src untuk menentukan URL gambar dan atribut alt untuk memberikan teks alternatif yang akan ditampilkan jika gambar tidak dapat ditampilkan.

<img src="gambar.jpg" alt="Deskripsi gambar">
  1. Elemen Tautan: Elemen <a> digunakan untuk membuat tautan atau hyperlink di halaman web. Gunakan atribut href untuk menentukan URL tujuan tautan.
<a href="https://www.contoh.com">Ini adalah tautan</a>
  1. Elemen Daftar/list: Anda dapat membuat daftar tak berurutan dengan elemen <ul> dan elemen <li> untuk setiap item dalam daftar. Anda juga dapat membuat daftar berurutan dengan menggunakan elemen <ol>.
<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>

Dengan mempelajari elemen-elemen dasar di atas, Anda dapat mulai membangun halaman web sederhana. Selanjutnya, Anda dapat melanjutkan dengan mempelajari elemen-elemen lainnya, seperti tabel, formulir, CSS, dan JavaScript, untuk meningkatkan keterampilan pemrograman web Anda.