Solusi Jasa Pembuatan Website Terbaik di Indonesia dengan Harga Terjangkau
WPNews – Pada artikel ini, kami akan membahas berbagai elemen yang biasa digunakan dalam artikel, termasuk heading, tabel, kutipan, dan lainnya. Artikel ini juga bertujuan untuk memberikan contoh penggunaan elemen-elemen HTML seperti h1, h2, h3, h4, h5, h6, serta struktur daftar dan kode.
Pengantar
Elemen-elemen ini adalah bagian penting dari sebuah artikel karena membantu memperjelas struktur informasi dan memudahkan pembaca untuk memahami konten dengan cepat. Mari kita lihat bagaimana elemen-elemen tersebut digunakan.
Heading (h1, h2, h3, h4, h5, h6)
Heading adalah elemen yang digunakan untuk memberi tahu pembaca tentang topik atau bagian tertentu dari artikel. Ada beberapa tingkat heading yang bisa digunakan:
h1: Judul Utama
Tag <h1> biasanya digunakan untuk judul utama artikel.
h2: Subjudul Utama
Tag <h2> digunakan untuk subjudul utama yang membagi artikel menjadi beberapa bagian.
h3: Sub-subjudul
Tag <h3> digunakan untuk membagi subjudul menjadi bagian-bagian yang lebih kecil lagi.
h4: Sub-subjudul yang Lebih Rinci
Tag <h4> digunakan untuk memberikan rincian lebih lanjut pada bagian tertentu.
h5: Tingkat yang Lebih Mendalam
Tag <h5> digunakan untuk level yang lebih mendalam dalam hierarki subjudul.
h6: Subjudul Terendah
Tag <h6> adalah heading dengan tingkat kedalaman yang paling rendah.
Gambar dan Caption
Tabel Informasi
Berikut adalah contoh tabel yang digunakan untuk menampilkan data dalam format terstruktur.
| Nama | Usia | Kota | Pekerjaan |
|---|---|---|---|
| John Doe | 25 | Jakarta | Web Developer |
| Jane Smith | 30 | Bandung | UI/UX Designer |
| Alice Brown | 22 | Surabaya | Content Writer |
| Michael Lee | 28 | Yogyakarta | SEO Specialist |
Kutipan (Quote)
Terkadang, kita ingin menambahkan kutipan atau pernyataan penting dari sumber lain. Berikut adalah contoh kutipan yang bisa digunakan dalam artikel:
“Kualitas adalah faktor yang membedakan produk terbaik dari yang lainnya.”
Kode
Jika Anda menulis artikel tentang pemrograman atau teknologi, Anda mungkin perlu menampilkan potongan kode. Berikut adalah contoh kode HTML untuk menampilkan artikel seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>Artikel Demo</title>
</head>
<body>
<h1>Artikel Demo WPNews</h1>
<p>Ini adalah contoh artikel yang menggunakan HTML.</p>
</body>
</html>
Daftar
Ada dua jenis daftar yang sering digunakan dalam artikel, yaitu daftar tak terurut (unordered list) dan daftar terurut (ordered list).