Struktur Dasar HTML

HTML (Hypertext Markup Language) adalah bahasa yang digunakan untuk membuat halaman web. Untuk memulai, Anda perlu memahami struktur dasar HTML.

1. Dokumen HTML Dasar

Setiap halaman web HTML dimulai dengan tag dokumen dasar berikut:

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman Anda</title>
  </head>
  <body>
    <!-- Konten halaman web Anda akan ditambahkan di sini -->
  </body>
</html>
  • <!DOCTYPE html> mendefinisikan jenis dokumen sebagai HTML5.
  • <html> adalah elemen akar yang mengelilingi seluruh halaman.
  • <head> berisi informasi meta dan judul halaman.
  • <title> adalah judul halaman yang akan ditampilkan di tab browser.
  • <body> berisi konten yang akan ditampilkan di halaman web.

2. Struktur Dasar Konten

Konten dalam HTML biasanya dikelompokkan dalam elemen-elemen seperti teks, gambar, dan tautan.

Teks:

<p>Ini adalah sebuah paragraf teks.</p>
<h1>Ini adalah judul utama</h1>
<h2>Ini adalah judul sekunder</h2>
  • <p> digunakan untuk paragraf teks.
  • <h1> hingga <h6> digunakan untuk judul dengan tingkat kepentingan yang berbeda.

Gambar:

<img src="gambar.jpg" alt="Deskripsi gambar" width="300" height="200">
  • <img> digunakan untuk menyisipkan gambar.
  • src adalah atribut yang berisi URL gambar.
  • alt adalah deskripsi alternatif untuk gambar.

Tautan:

<a href="https://www.contoh.com">Ini adalah tautan ke contoh.com</a>
  • <a> digunakan untuk membuat tautan.
  • href adalah atribut yang berisi URL tautan.

3. Komentar

Anda dapat menambahkan komentar dalam HTML untuk memberikan penjelasan atau catatan dalam kode:

<!-- Ini adalah komentar -->

4. Penutupan

Pastikan untuk selalu menutup setiap elemen HTML, kecuali elemen yang tidak memerlukan penutupan, seperti <img>.

Ini adalah struktur dasar HTML yang dapat Anda gunakan untuk memulai membuat halaman web. Anda dapat menambahkan lebih banyak elemen dan styling sesuai kebutuhan Anda. Semoga tutorial ini membantu!

PREVIOUS
NEXT