Apa yang Dimaksud dengan Elemen HTML?
Elemen HTML adalah unit dasar yang membangun struktur dan konten dari sebuah halaman web. Bayangkan sebuah halaman web seperti sebuah bangunan, elemen HTML adalah batu bata, kayu, semen, dan komponen lain yang membentuk bangunan tersebut.
Setiap elemen HTML memiliki tiga bagian utama:
- Tag pembuka: Berisi nama elemen yang diawali dengan tanda "<" dan diakhiri dengan ">". Contoh:
<p>untuk elemen paragraf. - Konten: Merupakan teks, gambar, video, atau konten lain yang terdapat di dalam elemen.
- Tag penutup: Berisi nama elemen yang diawali dengan tanda "</" dan diakhiri dengan ">". Contoh:
</p>untuk menutup elemen paragraf.
Contoh Elemen HTML:
Berikut beberapa contoh elemen HTML dan fungsinya:
1. Elemen <p> (Paragraf)
Elemen <p> digunakan untuk membungkus sebuah paragraf teks.
Contoh:
Ini adalah paragraf pertama dalam halaman web ini.
2. Elemen <h1> - <h6> (Heading)
Elemen <h1> hingga <h6> digunakan untuk membuat judul dalam halaman web. <h1> adalah judul utama, <h2> adalah judul sub-bagian, dan seterusnya.
Contoh:
Judul Utama
Judul Sub-bagian
Judul Sub-bagian Lainnya
3. Elemen <img> (Gambar)
Elemen <img> digunakan untuk menampilkan gambar di dalam halaman web. Elemen ini memiliki atribut src untuk menentukan alamat gambar dan alt untuk memberikan teks alternatif jika gambar tidak dapat dimuat.
Contoh:
4. Elemen <a> (Tautan)
Elemen <a> digunakan untuk membuat tautan ke halaman web lain atau file lain. Elemen ini memiliki atribut href untuk menentukan alamat tujuan tautan.
Contoh:
Kunjungi Google
5. Elemen <ul> dan <li> (Daftar Tidak Bernomor)
Elemen <ul> digunakan untuk membuat daftar tidak bernomor, sedangkan <li> digunakan untuk membungkus setiap item dalam daftar.
Contoh:
- Item pertama
- Item kedua
- Item ketiga
6. Elemen <ol> dan <li> (Daftar Bernomor)
Elemen <ol> digunakan untuk membuat daftar bernomor, sedangkan <li> digunakan untuk membungkus setiap item dalam daftar.
Contoh:
- Item pertama
- Item kedua
- Item ketiga
7. Elemen <table> (Tabel)
Elemen <table> digunakan untuk membuat tabel, elemen <tr> untuk membuat baris, dan <td> untuk membuat kolom dalam tabel.
Contoh:
Nama
Umur
John Doe
30
Jane Doe
25
Ini hanya beberapa contoh elemen HTML yang paling umum. Ada banyak elemen HTML lainnya yang tersedia untuk membangun halaman web yang kompleks dan interaktif.