ROADMAP 7 HARI BELAJAR BARENG MENGENAL HTML - HARI KE - 3

 

Hari - KE 3 Mengenal Tag HTML Lebih Lanjut : Membangun Kreativitas dalam Web 

Pendahuluan:

Setelah kita memahami dasar-dasar HTML, saatnya melangkah lebih jauh dan menggali lebih dalam dengan beberapa tag HTML lanjutan yang akan memungkinkan kita untuk mengekspresikan kreativitas dalam pengembangan web.

Bagian Utama:

1. <table>, <tr>, <td>: Membangun Tabel Elegan

• Elemen <table> digunakan untuk membuat tabel yang terstruktur dengan baris dan kolom.
• Elemen <tr> (table row) digunakan untuk mendefinisikan baris dalam tabel.
• Elemen <td> (table data) digunakan untuk mengisi sel-sel dalam tabel.
• Contoh penggunaan:

  html
  <table>
    <tr>
      <td>Kolom 1</td>
      <td>Kolom 2</td>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
    </tr>
  </table>

2. Atribut dan Properti HTML Lebih Lanjut:

• Selain atribut dasar seperti src dan href, Anda akan belajar atribut lebih lanjut seperti colspan dan rowspan untuk menggabungkan sel dalam tabel dan class serta id untuk merujuk elemen secara lebih spesifik dengan CSS atau JavaScript.

3. Tag HTML5: <header>, <nav>, <section>, <article>, dan <footer>

• Tag HTML5 ini membantu dalam memberikan struktur yang lebih jelas pada halaman web Anda.
• <header> digunakan untuk bagian atas halaman yang bisa berisi logo dan judul.
• <nav> untuk tautan navigasi.
• <section> dan <article> untuk mengelompokkan konten yang terkait.
• <footer> untuk bagian akhir halaman.
• Contoh penggunaan:

  html
  <header>
    <h1>Logo dan Judul</h1>
  </header>
  <nav>
    <ul>
      <li><a href="#">Beranda</a></li>
      <li><a href="#">Tentang</a></li>
    </ul>
  </nav>
  <section>
    <h2>Bagian Pertama</h2>
    <p>Isi bagian pertama</p>
  </section>
  <footer>
    <p>Hak Cipta &copy; 2023 Blog Saya</p>
  </footer>

Penutup:

Mengenal tag HTML lebih lanjut adalah langkah penting untuk membawa kreativitas kitadalam pengembangan web. Dengan elemen-elemen ini, Anda dapat membuat tabel yang elegan, memberikan struktur yang lebih jelas pada halaman web, dan mempersiapkan dasar yang kuat untuk membangun konten yang menarik.

Teruslah eksplorasi dan berlatih dengan elemen-elemen ini, dan kita akan mendapati bahwa kita memiliki alat yang lebih kuat untuk menciptakan situs web yang menarik dan berfungsi dengan baik. Semangat belajar!