Elemen HTML adalah komponen dasar dalam membuat halaman web. Setiap elemen HTML direpresentasikan oleh sebuah tag yang dikelilingi oleh tanda kurung sudut (<>). Elemen HTML dapat mengandung teks, atribut, dan elemen bersarang. Berikut adalah contoh beberapa elemen HTML umum:
1. **Elemen Teks:**
- `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`: Untuk judul dengan tingkat kepentingan berbeda.
- `<p>`: Untuk paragraf teks.
- `<span>`: Untuk memformat sebagian kecil dari teks.
2. **Elemen Daftar:**
- `<ul>`: Daftar tak terurut (bullet points).
- `<ol>`: Daftar terurut (dengan angka atau huruf).
- `<li>`: Setiap item dalam daftar.
3. **Elemen Tautan:**
- `<a href="alamat-tautan">Teks Tautan</a>`: Membuat tautan ke halaman web atau berkas lain.
4. **Elemen Gambar:**
- `<img src="alamat-gambar" alt="Deskripsi Gambar">`: Menampilkan gambar di halaman web.
5. **Elemen Formulir:**
- `<form>`: Memulai formulir.
- `<input>`: Menambahkan berbagai jenis input ke formulir (teks, kata sandi, checkbox, dll.).
- `<button>`: Membuat tombol dalam formulir.
6. **Elemen Tabel:**
- `<table>`: Memulai tabel.
- `<tr>`: Baris dalam tabel.
- `<th>`: Sel kepala (header) tabel.
- `<td>`: Sel data dalam tabel.
7. **Elemen Komentar:**
- `<!-- Komentar Anda disini -->`: Komentar dalam kode HTML yang tidak akan ditampilkan di halaman web. Berguna untuk memberikan catatan pada kode.
8. **Elemen Semantik (HTML5):**
- `<header>`: Bagian kepala dokumen atau bagian dari sebuah artikel.
- `<nav>`: Navigasi situs web.
- `<article>`: Artikel independen di dalam dokumen.
- `<section>`: Bagian atau kelompok konten terkait.
- `<footer>`: Bagian kaki dokumen atau bagian dari sebuah artikel.
Setiap elemen HTML dapat memiliki atribut yang memberikan informasi tambahan tentang elemen tersebut. Misalnya, atribut `href` pada elemen `<a>` digunakan untuk menentukan alamat tautan, dan atribut `src` pada elemen `<img>` digunakan untuk menentukan sumber gambar.
Dengan menggunakan berbagai elemen HTML ini, Anda dapat membuat halaman web yang kaya dan beragam sesuai dengan kebutuhan Anda.

0 Comments:
Posting Komentar