Senin, 23 Juni 2025

3. Belajar HTML Dasar: Panduan untuk Pemula


 Label: Teknologi

  Gambar : HTML Dasar Panduan untuk Pemula

  HTML adalah fondasi dari sebuah website. Dengan memahami tag dasar seperti <html>, <head>, <body>, dan <p>, mahasiswa dapat mulai membuat halaman web sederhana. Belajar HTML adalah langkah awal yang penting bagi calon web developer.

Belajar HTML Dasar: Panduan untuk Pemula

Pendahuluan
  Di era teknologi saat ini, kemampuan membuat dan mengelola situs web menjadi keterampilan yang sangat berharga. Salah satu langkah awal untuk memasuki dunia web development adalah dengan memahami HTML (HyperText Markup Language). HTML merupakan bahasa dasar yang digunakan untuk membuat struktur halaman web. Meski terkesan sederhana, memahami HTML menjadi fondasi penting sebelum mempelajari bahasa pemrograman web lainnya seperti CSS, JavaScript, atau PHP.

Artikel ini dirancang untuk membantu pemula memahami konsep dasar HTML, struktur umum halaman HTML, serta elemen-elemen utama yang sering digunakan.

Apa Itu HTML?

  HTML adalah bahasa markah (markup language) yang digunakan untuk menyusun dan menyajikan konten di internet. HTML bekerja dengan menggunakan elemen-elemen (tag) untuk memberi tahu browser bagaimana menampilkan teks, gambar, link, tabel, dan lain-lain.

Contoh tag HTML:

html
<h1>Ini adalah judul</h1>
<p>Ini adalah paragraf.</p>

Struktur Dasar Halaman HTML

  Sebuah dokumen HTML umumnya memiliki struktur seperti ini:

html

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>
  <body>
    <h1>Selamat Datang</h1>
    <p>Ini adalah halaman HTML pertama saya.</p>
  </body>
</html>

Penjelasan:

  • <!DOCTYPE html>: Memberi tahu browser bahwa ini adalah dokumen HTML5.

  • <html>: Elemen utama yang membungkus seluruh isi halaman.

  • <head>: Bagian yang berisi informasi tentang halaman (judul, meta data, dll).

  • <title>: Judul yang tampil di tab browser.

  • <body>: Tempat semua konten halaman ditampilkan (teks, gambar, tombol, dll).

Tag-Terpenting yang Harus Diketahui Pemula

TagFungsi
<h1>-<h6>Membuat judul dari besar ke kecil
<p>Membuat paragraf
<a>Membuat hyperlink atau tautan
<img>Menampilkan gambar
<ul>, <ol>, <li>Membuat daftar (bullet/berurutan)
<br>Membuat baris baru (line break)
<strong>Menebalkan teks (seperti bold)

Tips Belajar HTML untuk Pemula

  1. Gunakan Editor Teks yang Nyaman: Seperti Notepad++, VS Code, atau Sublime Text.

  2. Latihan Langsung: Cobalah mengetik langsung tag-tag dasar dan buka file .html di browser.

  3. Gabungkan dengan CSS dan JavaScript: Setelah paham HTML, lanjutkan dengan mempercantik tampilan (CSS) dan menambahkan interaktivitas (JavaScript).

  4. Manfaatkan Sumber Belajar Gratis: Gunakan platform seperti W3Schools, freeCodeCamp, atau YouTube untuk belajar secara visual dan interaktif.

Penutup

  Belajar HTML adalah langkah awal yang penting bagi siapa saja yang ingin memahami cara kerja website. Dengan memahami dasar-dasar HTML, Anda akan lebih siap untuk membangun halaman web sederhana, membuat blog pribadi, hingga melangkah ke tingkat pengembangan web yang lebih kompleks. Jangan takut untuk mencoba, karena semakin sering Anda berlatih, semakin cepat Anda menguasainya.


on

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)