Pengertian HTML Untuk Pemula III

5. Memahami Pentingnya Semantik HTML

Semantik HTML mengacu pada penggunaan tag yang sesuai untuk menggambarkan makna dari konten. Beberapa tag semantik yang sering digunakan:

<header>: Untuk bagian kepala halaman.
<nav>: Untuk menu navigasi.
<section>: Untuk mengelompokkan konten terkait.
<article>: Untuk konten independen seperti artikel blog.
<footer>: Untuk bagian kaki halaman.

Contoh penggunaan semantik HTML:

HTML

<header>
    <h1>Website Saya</h1>
    <nav style="height: auto;">
        <a href="/">Beranda</a> |
        <a href="/#about">Tentang</a>
    </nav>
</header>
<section>
    <article>
        <h2>Judul Artikel</h2>
        <p>Isi artikel...</p>
    </article>
</section>
<footer>
    <p>Hak Cipta © 2025</p>
</footer>

6. Menambahkan Multimedia

HTML memungkinkan Anda untuk menyisipkan multimedia seperti gambar, audio, dan video. Beberapa tag yang perlu dipelajari:

Gambar: <img src="gambar.jpg" alt="Deskripsi">
Audio: <audio controls><source src="audio.mp3" type="audio/mpeg"><audio>
Video: <video controls><source src="video.mp4" type="video/mp4"><video>

Contoh penerapan multimedia HTML:

HTML

<img src="https://d1tgyzt3mf06m9.cloudfront.net/v3-staging/2024/02/alasan-harus-nonton-anime-frieren-cover.png" alt="frieren">
<video controls>
    <source src="/videos/himmel.mp4" type="video/mp4">
</video>
<iframe width="110" height="200" src="https://www.myinstants.com/instant/cat-is-calling-again-75718/embed/" frameborder="0" scrolling="no"></iframe>

7. Mempelajari Meta Tags dan SEO

Meta tags digunakan untuk memberikan informasi tambahan tentang halaman web. Beberapa meta tag penting:

<title>: Judul halaman yang muncul di tab browser.
<meta name="description" content="Deskripsi halaman">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">: untuk desain responsif.

Biasanya tugas ini dilakukan oleh SEO Specialist, web developer tidak perlu mempelajarinya.

Jawablah Kuis Ini!

1. Berikut ini yang termasuk semantik tag, kecuali...

Donasinya kaka logo-saweria