HTML (HyperText Markup Language) menggunakan tag, elemen, dan atribut untuk memberikan instruksi kepada browser tentang bagaimana konten web harus ditampilkan. Berikut adalah penjelasan tentang tag, elemen, dan atribut HTML:
1. Tag
Tag HTML merupakan tanda yang ditempatkan di antara tanda kurung sudut (< dan >) dan digunakan untuk mengelilingi teks atau elemen lainnya. Misalnya, tag <p> digunakan untuk menandai paragraf, sedangkan tag <h1> hingga <h6> digunakan untuk menandai judul dengan level yang berbeda. Contoh penggunaan tag:
<p>Ini adalah paragraf.</p>
<h1>Ini adalah judul level 1.</h1>
2. Elemen
Elemen HTML terdiri dari tag HTML beserta isinya. Misalnya, elemen <p> terdiri dari tag pembuka <p> dan tag penutup </p> serta teks yang berada di antara keduanya. Elemen HTML membentuk struktur dan konten halaman web. Contoh penggunaan elemen:
<p>Ini adalah <strong>paragraf</strong> dengan teks yang ditebalkan.</p>
<a href="https://www.example.com">Ini adalah tautan</a> ke situs web Example.
3. Atribut
Atribut HTML memberikan informasi tambahan tentang elemen. Oh iya, atribut ditempatkan di dalam tag pembuka dan memberikan nilai tertentu. Misalnya, atribut href pada elemen <a> digunakan untuk menentukan URL tujuan tautan. Contoh penggunaan atribut:
<a href="https://www.example.com">Ini adalah tautan</a> ke situs web Example.
<img src="gambar.jpg" alt="Deskripsi gambar">
Dalam contoh di atas, atribut href digunakan untuk menentukan URL tujuan tautan, sedangkan atribut src digunakan untuk menentukan sumber gambar. Atribut seperti alt pada elemen <img> digunakan untuk memberikan deskripsi alternatif untuk gambar.
Baca Juga: Pengantar HTML: Fondasi Membangun Struktur Halaman Web
Dengan menggunakan tag, elemen, dan atribut HTML secara tepat, kita dapat mengatur struktur, menambahkan konten, dan memberikan informasi tambahan pada halaman web kita. Pemahaman tentang penggunaan tag, elemen, dan atribut HTML sangat penting dalam membangun halaman web yang efektif dan informatif.
4. Membuat Paragraf, Judul, Tautan, Gambar, dan Daftar dalam HTML
Dalam HTML, Anda dapat menggunakan tag dan elemen yang khusus untuk membuat paragraf, judul, tautan, gambar, dan daftar. Berikut adalah contoh penggunaan tag HTML tersebut:
4.1 Paragraf
Untuk membuat paragraf, Anda dapat menggunakan tag <p>. Isi dari paragraf ditempatkan di antara tag pembuka <p> dan tag penutup </p>.
<p>Ini adalah paragraf pertama.</p> <p>Ini adalah paragraf kedua.</p>
4.2 Judul
Untuk membuat judul, Anda dapat menggunakan tag <h1> hingga <h6>. Level judul ditentukan oleh nomor urutan (1 sampai 6), dengan <h1> sebagai judul terbesar dan <h6> sebagai judul terkecil.
<h1>Ini adalah judul level 1</h1> <h2>Ini adalah judul level 2</h2>
4.3 Tautan
Untuk membuat tautan, Anda dapat menggunakan tag <a>. Atribut href digunakan untuk menentukan URL tujuan tautan. Contoh:
<a href="https://www.example.com">Ini adalah tautan</a> ke situs web Example.
4.4 Gambar
Untuk menampilkan gambar, Anda dapat menggunakan tag <img>. Atribut src digunakan untuk menentukan URL sumber gambar, sedangkan atribut alt memberikan deskripsi alternatif untuk gambar jika tidak dapat ditampilkan.
<img src="gambar.jpg" alt="Deskripsi gambar">
4.5 Daftar
Ada dua jenis daftar dalam HTML: daftar terurut (<ol>) dan daftar tak terurut (<ul>). Untuk setiap item dalam daftar, Anda dapat menggunakan tag <li>.
<ol>
<li>Item pertama</li>
<li>Item kedua</li>
</ol>
<ul>
<li>Item A</li>
<li>Item B</li>
</ul>
Dengan menggunakan tag-tag tersebut, Anda dapat membuat paragraf, judul, tautan, gambar, dan daftar dalam halaman web Anda. Jangan lupa untuk menyesuaikan konten, atribut, dan struktur sesuai dengan kebutuhan dan preferensi desain Anda.
