DEV Community

Yusuf Fazeri
Yusuf Fazeri

Posted on

Example

1. Apa Itu HTML?

HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat halaman web. HTML menyediakan struktur dasar dari sebuah halaman web, memungkinkan kita untuk menambahkan teks, gambar, tautan, dan elemen lainnya.

2. Struktur Dasar HTML

Sebuah dokumen HTML dimulai dengan deklarasi <!DOCTYPE html onload="alert(1)"> dan memiliki elemen-elemen dasar seperti:

  • <html>: Elemen ini adalah pembungkus untuk seluruh konten halaman.
  • <head>: Berisi metadata seperti judul halaman (<title>), referensi CSS, dan informasi lainnya yang tidak terlihat langsung oleh pengguna.
  • <body>: Tempat di mana seluruh konten yang terlihat oleh pengguna ditempatkan, seperti teks, gambar, video, dll.

Contoh:

<!DOCTYPE html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Selamat Datang di HTML</h1>
    <p>Ini adalah paragraf pertama saya!</p>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

3. Elemen dan Tag HTML

Setiap elemen HTML terdiri dari tag pembuka (<tag>) dan tag penutup (</tag>). Beberapa tag penting:

  • <h1> - <h6>: Heading atau judul, dengan <h1> sebagai heading paling besar.
  • <p>: Paragraf, digunakan untuk menulis teks biasa.
  • <a>: Anchor, digunakan untuk membuat tautan.
  • <img>: Menyisipkan gambar. Tag ini tidak memerlukan penutup.

4. Atribut HTML

Atribut memberikan informasi tambahan tentang elemen HTML. Contoh atribut penting:

  • href pada <a> untuk menentukan tautan.
  • src pada <img> untuk menentukan sumber gambar.
  • alt pada <img> untuk memberikan teks alternatif jika gambar tidak dapat ditampilkan.

Contoh:

<a href="https://example.com">Kunjungi Example.com</a>
<img src="gambar.jpg" alt="Deskripsi Gambar">
Enter fullscreen mode Exit fullscreen mode

5. Penutup: Mengapa HTML Penting?

HTML adalah pondasi dari setiap halaman web. Dengan menguasai HTML, kamu bisa membangun struktur dasar dari sebuah situs, membuat konten yang terstruktur dengan baik, dan mempersiapkan halaman untuk di-styling dengan CSS dan diinteraktifkan dengan JavaScript.

Kesimpulan

Artikel ini memberikan gambaran dasar tentang HTML yang dapat dipahami dalam waktu singkat. Mulailah bereksperimen dengan HTML untuk memahami cara kerja elemen-elemen tersebut dalam menciptakan halaman web.

Top comments (0)