HTML Dasar | #2 Elemen dan Tag

Elemen dan Tag HTML

Elemen dan Tag HTML

Tag Pembuka dan Penutup

Tag HTML biasanya terdiri dari tag pembuka dan tag penutup. Tag pembuka menandai awal elemen, sedangkan tag penutup menandai akhir elemen. Tag penutup menggunakan tanda garis miring (/) sebelum nama tag.

Contoh:


<p>Ini adalah paragraf.</p>

        

Elemen Blok dan Elemen Inline

HTML dibagi menjadi dua jenis elemen berdasarkan cara mereka ditampilkan:

  • Elemen Blok: Elemen ini selalu mulai pada baris baru dan mengambil lebar penuh dari kontainer. Contoh elemen blok termasuk <div>, <p>, <h1> hingga <h6>, dan <ul>.
  • Elemen Inline: Elemen ini tidak memulai baris baru dan hanya mengambil lebar yang diperlukan oleh kontennya. Contoh elemen inline termasuk <span>, <a>, dan <img>.

Contoh Elemen Blok dan Inline:


<div>Ini elemen blok</div>
<p>Ini adalah elemen blok</p>
<span>Ini elemen inline</span>
<a href="https://example.com">Ini adalah tautan</a>

        

Menggunakan Atribut

Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML. Atribut biasanya ditulis di dalam tag pembuka dan terdiri dari nama atribut dan nilai. Nilai atribut biasanya dikelilingi oleh tanda kutip.

Contoh Atribut:


<a href="https://example.com">Kunjungi Situs</a>
<img src="gambar.jpg" alt="Deskripsi Gambar">

        

Dalam contoh di atas, href adalah atribut dari tag <a> yang menunjukkan URL yang dituju, dan src serta alt adalah atribut dari tag <img> yang menunjukkan lokasi gambar dan deskripsi gambar tersebut.

Memahami elemen dan tag HTML adalah langkah penting dalam pengembangan web. Dengan informasi ini, Anda dapat mulai membuat struktur halaman web yang lebih kompleks!

Komentar