HTML: Pengertian, Struktur, Dan Contoh

Diposting pada

HTML: Pengertian, Struktur, dan Contoh

Pengertian HTML

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web. HTML menyediakan struktur dasar untuk halaman web, termasuk judul, paragraf, tautan, dan gambar. HTML juga memungkinkan Anda untuk menambahkan konten multimedia ke halaman web, seperti video dan audio.

HTML adalah bahasa markup yang sederhana dan mudah dipelajari. Anda dapat membuat halaman web dasar dengan HTML dalam hitungan menit. Namun, HTML juga dapat digunakan untuk membuat halaman web yang kompleks dan interaktif.

Struktur HTML

Halaman web HTML terdiri dari dua bagian utama:

  • Bagian kepala (head): Bagian kepala berisi informasi tentang halaman web, seperti judul, penulis, dan kata kunci. Bagian kepala juga berisi tautan ke file CSS dan JavaScript yang digunakan oleh halaman web.
  • Bagian tubuh (body): Bagian tubuh berisi konten utama halaman web, seperti teks, gambar, dan video.

Bagian kepala dan bagian tubuh diapit oleh tag <html> dan </html>. Berikut ini adalah contoh struktur dasar halaman web HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Contoh Halaman Web HTML</title>
</head>
<body>
  <h1>Judul Halaman Web</h1>
  <p>Ini adalah paragraf teks.</p>
  <img src="gambar.jpg" alt="Gambar">
</body>
</html>

Contoh HTML

Berikut ini adalah contoh halaman web HTML yang sederhana:

<!DOCTYPE html>
<html>
<head>
  <title>Contoh Halaman Web HTML</title>
</head>
<body>
  <h1>Judul Halaman Web</h1>
  <p>Ini adalah paragraf teks.</p>
  <img src="gambar.jpg" alt="Gambar">
</body>
</html>

Ketika Anda membuka halaman web HTML di browser, browser akan menerjemahkan kode HTML menjadi halaman web yang dapat dilihat oleh pengguna.

Elemen HTML

Elemen HTML adalah blok bangunan dasar dari halaman web. Elemen HTML dapat berupa tag, teks, atau komentar.

Tag HTML

Tag HTML adalah elemen HTML yang digunakan untuk memformat konten halaman web. Tag HTML diapit oleh tanda kurung siku (< dan >). Misalnya, tag <h1> digunakan untuk membuat judul halaman web, sedangkan tag <p> digunakan untuk membuat paragraf teks.

Teks HTML

Teks HTML adalah konten halaman web yang dapat dilihat oleh pengguna. Teks HTML dapat berupa teks biasa, tautan, atau kode.

Komentar HTML

Komentar HTML adalah elemen HTML yang digunakan untuk memberikan catatan atau komentar pada kode HTML. Komentar HTML diapit oleh tanda hubung ganda (<!-- dan -->). Komentar HTML tidak akan terlihat oleh pengguna.

Atribut HTML

Atribut HTML adalah informasi tambahan yang dapat ditambahkan ke tag HTML. Atribut HTML digunakan untuk mengubah tampilan atau perilaku elemen HTML. Misalnya, atribut href pada tag <a> digunakan untuk menentukan tautan yang akan dibuka ketika pengguna mengklik tautan tersebut.

Struktur HTML yang Baik

Struktur HTML yang baik akan membuat halaman web Anda lebih mudah dibaca dan dipahami oleh pengguna. Struktur HTML yang baik juga akan membantu mesin pencari untuk mengindeks halaman web Anda dengan lebih baik.

Berikut ini adalah beberapa tips untuk membuat struktur HTML yang baik:

  • Gunakan tag HTML yang tepat untuk konten Anda. Misalnya, gunakan tag <h1> untuk judul halaman web dan tag <p> untuk paragraf teks.
  • Gunakan atribut HTML untuk mengubah tampilan atau perilaku elemen HTML. Misalnya, gunakan atribut href pada tag <a> untuk menentukan tautan yang akan dibuka ketika pengguna mengklik tautan tersebut.
  • Hindari menggunakan tag HTML yang tidak perlu. Misalnya, jangan gunakan tag <br> untuk membuat baris baru.
  • Gunakan komentar HTML untuk memberikan catatan atau komentar pada kode HTML.

Kesimpulan

HTML adalah bahasa markup yang digunakan untuk membuat halaman web. HTML menyediakan struktur dasar untuk halaman web, termasuk judul, paragraf, tautan, dan gambar. HTML juga memungkinkan Anda untuk menambahkan konten multimedia ke halaman web, seperti video dan audio.

HTML adalah bahasa markup yang sederhana dan mudah dipelajari. Anda dapat membuat halaman web dasar dengan HTML dalam hitungan menit. Namun, HTML juga dapat digunakan untuk membuat halaman web yang kompleks dan interaktif.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *