Belajar Website dengan HTML bagi Pemula

Membangun sebuah situs web mungkin tampak seperti tugas yang menakutkan, terutama bagi mereka yang baru pertama kali memasuki dunia pemrograman. Namun, mulai dari dasar-dasar HTML, Anda dapat dengan cepat memahami cara membuat struktur situs web yang sederhana dan fungsional. Artikel ini akan membahas langkah-langkah dasar belajar HTML untuk pemula.

Apa itu HTML?
HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat kerangka dasar sebuah situs web. HTML memungkinkan Anda menyusun konten seperti teks, gambar, dan tautan pada halaman web. HTML bukanlah bahasa pemrograman seperti Python atau JavaScript, melainkan bahasa markup yang menandai elemen dalam sebuah dokumen.

Struktur dasar HTML
dimulai dengan deklarasi diikuti dengandeklarasi <!DOCTYPE html> diikuti dengan tag <html>. Di dalam tag <html>, terdapat dua bagian utama, yaitu <head> dan <body>.
Deklarasi HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Halo, Dunia!</h1>
    <p>Ini adalah paragraf pertama saya.</p>
</body>
</html>

Penjelasan Struktur:

• <!DOCTYPE html>: Menandakan bahwa dokumen ini menggunakan HTML5.
• <html>: Tag pembuka dan penutup yang membungkus seluruh konten.
• <head>: Bagian ini berisi informasi meta, seperti judul halaman yang akan ditampilkan pada tab browser.
• <body>: Bagian ini berisi konten yang akan ditampilkan di halaman web, seperti teks, gambar, dan lainnya.

Elemen HTML Dasar
Paragraf (<p>): Digunakan untuk menampilkan teks paragraf.
<p>Ini adalah contoh paragraf.</p>

Judul (<h1> hingga <h6>): Digunakan untuk membuat judul dengan tingkat kepentingan yang berbeda, di mana <h1> adalah yang paling penting.
<h1>Judul Utama</h1>
<h2>Subjudul</h2>

Tautan (<a>): Digunakan untuk membuat tautan ke halaman lain.
<a href="https://www.google.com">Kunjungi Google</a>

Gambar (<img>): Digunakan untuk menyisipkan gambar ke dalam halaman web.
<img src="url_gambar.jpg" alt="Deskripsi Gambar">

Coding /  Christina Morillo via Pexels

Praktik terbaik penulisan HTML

• Gunakan indentasi yang konsisten: Ini juga akan membuat kode lebih mudah dibaca oleh orang lain.
• Tambahkan Komentar: Anda dapat menambahkan komentar ke kode Anda untuk memberikan penjelasan pada bagian tertentu.
  <!-- Ini adalah komentar -->
  
• Pastikan tag ditutup dengan benar: Beberapa tag HTML harus ditutup dengan benar agar halaman web terlihat bagus.

Mempelajari HTML adalah langkah awal yang penting dalam membuat situs web. Dengan memahami struktur dan elemen dasar HTML, Anda dapat mulai membuat halaman web sederhana. Seiring waktu dan latihan, Anda dapat terus mempelajari CSS untuk meningkatkan tampilan situs web Anda dan JavaScript untuk menambah interaktivitas. Jangan takut untuk bereksperimen dan mencari referensi tambahan untuk memperkaya pengetahuan Anda.