Memulai Dokumen HTML


Langkah 1: Membuat Dokumen HTML

Untuk memulai dokumen HTML, Anda perlu membuat file teks biasa dengan ekstensi .html. Misalnya, Anda dapat menggunakan teks editor seperti Notepad (Windows) atau Visual Studio Code (cross-platform).

Langkah 2: Struktur Dasar Dokumen

Setiap dokumen HTML memiliki struktur dasar. Inilah contoh struktur dasar yang paling sederhana:

<!DOCTYPE html>
<html>
<head>
    <title>Judul Dokumen Anda</title>
</head>
<body>
    <h1>Selamat datang di dokumen HTML pertama Anda!</h1>
    <p>Ini adalah paragraf pertama Anda.</p>
</body>
</html>

Mari jelaskan struktur ini:

  • <!DOCTYPE html>: Ini mendefinisikan tipe dokumen sebagai HTML5.
  • <html>: Ini adalah elemen akar dokumen HTML.
  • <head>: Ini adalah bagian kepala dokumen yang biasanya berisi informasi seperti judul dokumen.
  • <title>: Ini adalah judul dokumen yang akan ditampilkan di tab browser.
  • <body>: Ini adalah bagian tubuh dokumen yang berisi konten yang akan ditampilkan di halaman web.
  • <h1> dan <p>: Contoh elemen-elemen untuk judul dan paragraf.


Langkah 3: Menyimpan dan Membuka Dokumen

Setelah Anda membuat dokumen HTML seperti yang dijelaskan di atas, simpan file dengan ekstensi .html. Misalnya, dokumen-anda.html. Kemudian, buka file tersebut dengan browser web Anda untuk melihat hasilnya.

Dengan ini, Anda telah berhasil membuat dokumen HTML sederhana! Anda dapat terus belajar dan menambahkan elemen-elemen HTML lainnya sesuai kebutuhan Anda.

Semoga tutorial ini membantu Anda memulai dengan HTML! Jika Anda memiliki pertanyaan lebih lanjut, jangan ragu untuk bertanya.