10/26/2010

HTML (Hypertext Markup Language)

HTML atau kalau dalam bahasa yang kerennya Hypertext Markup Language adalah sebuah bahasa markup yang digunakan untuk membuat atau membangun suatu web. Dengan adanya HTML, kita dapat melakukan banyak hal, misalnya seperti :


  • Mendesain tampilan website dengan isinya.
  • Membuat form interaktif seperti pada formulir pendaftaran, belanja online, dan lain-lain.
  • Menambahkan gambar, suara, maupun video ke dalam website.
  • Dan masih banyak lagi (udah mentok hehe, maklum masih newbie).
Untuk menuliskan dokumen HTML, diperlukan sebuah editor sebagai media penulisannya. Apabila tidak ingin repot-repot install program yang lain, bisa gunakan notepad. Setelah dokumen HTML itu kita tulis, maka kita dapat mengeksekusi tampilan hasilnya dalam sebuah browser. Browser itu bisa IE, Mozilla Firefox, Opera, Google Chrome, Safari, dll (terserah user lah kalau yang ini mah). Yang pasti, browser ini berfungsi untuk menterjemahkan tag-tag HTML menjadi sebuah halaman web.





Bentuk Umum HTML

Perintah dalam HTML biasanya disebut tag. Bentuk umum / dasar tag itu boleh dibilang seperti ini :

<begin tag>...</end tag>

Bentuk tag HTML secara lengkap :

<element attribut=value>

Dengan penjelasan sebagai berikut : 
  • Element : nama tag.
  • Attribut : atribut dari tag itu.
  • Value : nilai atribut tersebut.
Sebagai contoh :

<body bgcolor=green>

Tag di atas berarti menyatakan elemen body yang mempunyai atribut background color (warna latar belakang) dengan warna hijau (green). Maka pada tampilan web di browser, otomatis akan menghasilkan warna latar belakang hijau. Oh iya, untuk HTML tidak mengenal case sensitive (huruf besar dan kecil disamakan). Berbeda dengan XHTML. Mudah-mudahan nanti saya juga akan membahas tentang XHTML itu sendiri.





Struktur HTML
HTML mempunyai 3 bagian utama, yaitu :
  • Tag HTML
  • <html>...</html> Tag ini wajib ada. Wajib dalam artian, menyatakan pada browser bahwa yang ada di antara tag ini adalah dokumen HTML.
  • Tag HEAD
  • <head>...</head> Tag ini menyatakan header. Di dalam tag ini juga, kita dapat membuat tag <title>...</title> untuk menampilkan judul pada sebuah website yang ditampilkan diatas taskbar browser.
  • Tag BODY
  • <body>...</body> Tag BODY berguna untuk menampilkan teks, link, gambar dan yang lainnya pada halaman website.
     




Contoh HTML sederhana :

<html>

<head>

<title>judul html yang akan dibuat</title>

</head>

<body>

<p>isi dokumen. dapat berupa teks, gambar, tabel, dll</p>

</body>

</html>


Mungkin sekian dulu perkenalan bahasa HTML dari saya. Mudah-mudahan nanti bisa dilanjutkan dengan tutorial yang lebih dalam lagi. Terima Kasih.


    Tidak ada komentar:

    Posting Komentar