01 Desain Web Responsif
A - Aplikasi Kucingku
Tag section

Tag section

Wah, kamu udah membuat aplikasi yang memiliki banyak tag HTML, nih. Kamu hebat 🎉.

Tapi, kita perlu merapikan kodingan yang kita buat sedikit, nih. Caranya kita perlu kelompokkan tag-tag yang memiliki konteks yang sama menggunakan tag <section>. Kamu bisa menggunakan tag <section> sama hal-nya dengan tag <main> yang sebelumnya kita pelajari.

Contoh

<html>
  <head></head>
 
  <body>
    <main>
      <h1>Ini Judul Cerita</h1>
 
      <section>
        <h2>Chapter I</h2>
        <p>Ini isinya</p>
      </section>
    </main>
  </body>
</html>

Tantangan

Kelompokkan <h2>, <p>, dan <img> ke dalam section-nya tersendiri.


Solusi

Buka Solusi (opens in a new tab)