Mengenal HTML

Hampir setiap hari kita berselancar di internet. Dan hampir setiap hari juga kita melihat tulisan HTML. Namun apa sebenarnya HTML itu? Pada artikel ini saya mencoba memberikan pemahaman mengenai HTML dari sudut pandang saya (sebagai bayangan yang mengejar mimpi).

HTML (Hyper Text Markup Language) adalah bahasa yang digunakan untuk membuat halaman web. HTML ditulis dengan standar ASCII. HTML tidak memiliki variable, dan case sensitive seperti bahasa pemograman lainnya. HTML diawali dan diakhiri oleh tag.

Untuk memberikan gambaran, berikut adalah bentuk sederhana dari struktur HTML

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>

<h1>Ini adalah judul</h1>
<p>Ini adalah isi dari sebuah paragraf.</p>

</body>
</html>

Untuk melihat hasil dari tag HTML diatas, silahkan buka notepad, copy-paste tag HTML diatas kedalam notepad. Klik File->Save as, kemudian isi File name dengan contoh.html, pilih Save as type dengan All File (*.*) . Selanjutnya klik Save.

Setelah disimpan, buka file tersebut (klik dua kali pada file yang tadi disimpan). Berikut adalah hasinya:

Cukup simple untuk membuat sebuah halaman web sederhana. Untuk membuat tampilan halaman web lebih menarik, bisa di tambahkan CSS (Cascading Style Sheets). CSS akan di bahas di artikel yang lain.

Setelah membuat halaman web sederhana, mari kita bedah lebih detail mengenai tag HTML di atas.

  1. tag <!DOCTYPE html> mendeklarasikan bahwa dokumen / halaman yang ditulis adalah HTML5
  2. tag <html> adalah elemen root dari HTML yang ditulis
  3. tag <head> berisi informasi meta tentang halaman web
  4. tag <title> berisi judul dokumen, judul ini muncul di tab browser
  5. tag <body> berisi konten yang muncul di halaman web
  6. tag <h1> adalah header yang paling besar
  7. tag <p> mendefinisikan bahwa itu adalah paragraf

Kalau di perhatikan, selalu ada 2 tag yang mirip (misal: <html>…</html>). Seperti yang tadi saya jelaskan, HTML diawali dan diakhiri oleh tag. Jadi “<html>” adalah tag pembuka, dan “</html>” adalah tag penutup.

Kalau  masih bingung dengan penjelasan diatas, saya akan coba gambarkan sebagai berikut:

Untuk perkenalan dengan HTML saya rasa cukup. Nanti akan di lanjutkan dengan mengenal tag-tag HTML yang lainnya.

Share this via , , Google+ and LinkedIn.

Leave a Reply

Your email address will not be published. Required fields are marked *