Wednesday, October 26, 2011

Apa itu HTML, Apa fungsinya, Dan Bagaimana Membuatnya?



HTML singkatan dari Hyper Text Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa "tag" atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.
File HTML dapat dibuat dengan aplikasi text editor apapun di sistem operasi apapun, antara lain : Notepad di Windows, emasc atau vi di Unix atau SimpleText di Macintosh. File HTML ini juga bisa dibuat di aplikasi word processor apapun asalkan saat menyimpan file tersebut disimpan dengan format text-only.
Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.

-->> 

Image courtesy @elasticmind.ca

Post kali ini akan sangat teknikal sekali. Dalam beberapa post kedepan, kami berencana mengupas tuntas blogging dari sisi teknologi atau pemrograman. harapan kami, blogger – blogger yang belum memiliki dasar pemahaman pemrograman web dan penasaran bagaimana aplikasi blogging berjalan akan tercerahkan melalui seri post ini. Well, enjoy then :)

Apa itu HTML?

HTML = HyperText Markup Language. Bahasa Markup berdasarkan id.wikipedia, bahasa markup berarti kombinasi teks dan informasi tambahan mengenai teks tersebut. markup = markah/penanda, atau dalam HTML <tag> yang memberikan fungsi tertentu ) yang digunakan untuk membuat sebuah halaman web. HTML adalah standar yang digunakan untuk sebuah halaman web. HTMl di definisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

Itu tadi definisi dari HTML. bisa dijelaskan lebih detil lagi?

Hmm… Sederhananya begini. Saya yakin anda semua mengetahui file .doc nya microsoft word. nah, ini ada jenis file, yang namanya HTML. kalau file microsoft word itu .doc, file HTML ini ekstensinya .htm atau .html. HTML ini merupakan file yang di taruh pada satu komputer ( server ) dan dapat di akses oleh komputer lain melalui aplikasi web browser. isi file HTML terdiri dari dua jenis :konten dan atributkonten merupakan informasi dari file HTML itu sendiri, yang ditampilkan pada halaman browser. sedangkan atribut merupakan tag yang memiliki fungsi tertentu, dan tidak ditampilkan di halaman browser.
Contoh :
<html>
<head>
</head>
<body>
<p>ini konten. <a href=”">ini link</a></p>
</body>
</html>
tulisan ini konten dan ini link merupakan konten. dan ini ditampilkan pada browser. yang berada di dalam tanda < dan merupakan atribut. Atribut tidak di tampilkan di halaman browser.
masih agak bingung? ok. buka aplikasi notepad anda, copy kode diatas dan paste pada notepad. Save dengan nama contoh1.html. File HTML dapat dibuat menggunakan berbagai aplikasi editor kode. Namun sederhananya, Anda dapat membuat file HTML menggunakan aplikasi notepad yang pastinya terinstall di semua komputer ber OS windows. cukup tuliskan kodenya, lalu save dengan nama file + .htm atau .html . Contoh : namafile.htm. sekarang, buka file yang anda save tadi. dobel klik, dan file tersebut akan terbuka pada browser default anda. Anda akan paham apa maksud kami setelah itu. :)
File HTML PASTI dimulai dengan dengan tag <html> ( kecuali deklarasi file. hanya deklarasi file yang ditulis sebelum tag <html>. kita bicarakan ini nanti )dan ditutup dengan tag </html>. Setiap file html di dalam tag <html> terbagi kedalam dua bagian : head dan body.
  1. bagian head dimulai dengan tag <head> dan ditutup dengan tag </head>.Bagian head ini berisikan atribut – atribut yang berisi informasi mengenai halaman web, dan link menuju file file CSS atau JavaScript yang memberi efek untuk halaman web tersebut
  2. bagian body dimulai dari tag <body> dan ditutup dengan tag </body>bagian body berisi konten yang ditampilkan pada browser, dan atribut – atribut pendukungnya,  http://bloggingly.com/apa-itu-html/