Hypertext Markup Language (HTML) adalah sebuah bahasa untuk menampilkan
konten di Web. HTML sendiri adalah bahasa pemrograman yang bebas, artinya tidak
dimiliki oleh siapapun, pengembangannya dilakukan oleh banyak orang di banyak
negara dan bisa dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama
secara global.
Sebuah dokumen HTML sendiri adalah dokumen teks
yang dapat diedit oleh editor teks apapun. Dokumen HTML punya beberapa elemen
yang dikelilingi oleh tag-teks yang dimulai dengan tanda < dan berakhir
dengan tanda >.
Contoh dari tag
adalah <img src=”gambar.gif”/>. Tag ini fungsinya menampilkan gambar
bernama “gambar.gif”. Nantinya gambar akan ditampilkan jika file HTML ini
dibuka di browser.
1.1
Pengenalan
Dasar HTML dapat
mencakup petunjuk untuk menformat dalam bahasa yang disebut Cascading Style Sheets (CSS) dan program
untuk interaksi dalam bahasa yang disebut JavaScript.
Halaman web yang biasa anda lihat ketika browsing di internet selalu
ditulis menggunakan bahasa HTML. Tak peduli halaman web tersebut dibuat
menggunakan berbagai bahasa seperti PHP, JSP, ASPX atau Cold Fusion, hasil
akhirnya yang ditampilkan oleh browser tetap adalah HTML murni.
HTML awalnya
hanya didesain sebagai bahasa untuk pertukaran dokumen teknis dan saintifik.
Karena itu HTML didesain secara sederhana, HTML menggunakan tag-tag yang dapat
dipahami dengan mudah untuk membuat dokumen sederhana. Dalam waktu yang
singkat, HTML kini telah popular dan dikuasai banyak orang untuk membuat
halaman web.
Browser, seperti
Firefox dan Chrome, menafsirkan HTML bersama dengan CSS dan JavaScript untuk
menghasilkan apa yang kita lihat ketika kita mengunjungi sebuah situs web.
HTML adalah
bahasa yang mengatur bagaimana tampilan isi dari situs web, di dalam HTML ada
tag-tag dimana tag berfungsi menyediakan informasi berkaitan dengan sifat dan
struktur konten serta referensi untuk gambar dan media lainnya.
HTML juga akan
berkaitan erat dengan CSS. CSS menentukan format dari konten. Dengan adanya
CSS, konten website bisa lebih seragam hingga hasilnya bagus, dan format ini
dapat diatur dengan cara yang berbeda.
Berbicara
mengenai HTML tidak terlepas dari JavaScript, yang merupakan bahasa pemrograman
client-side untuk memberikan efek dinamis. JavaScript mampu membuat web
terlihat lebih dinamis dan interaktif. Jadi HTML biasanya tidak berdiri
sendiri, sebuah web page biasanya hasil kolaborasi antara HTML, CSS, dan
JavaScript.
Tapi dasar yang
harus anda kuasai adalah HTML, nantinya anda bisa menggunakan CSS dan
JavaScript untuk mempercantik website anda.
Versi terbaru
dari HTML (yang juga membahas CSS dan JavaScript) adalah HTML5. Banyak orang
yang menyambut versi baru ini dengan kegembiraan karena fitur-fitur baru
seperti kanvas untuk menampilkan gambar dan animasi, dukungan untuk video dan
audio, dan tag baru untuk mendefinisikan elemen-elemen dokumen seperti header,
konten, dan footer.
Jadi dengan
HTML5, anda dapat membuat situs web canggih yang sangat interaktif. Memang
hingga saat ini tidak semua browser bisa mem-parsing dan menampilkan semua
fitur, tetapi browser yang berbobot sudah bisa menampilkannya. Dan anda pun
mulai bisa belajar HTML5, CSS, dan JavaScript dengan spesifikasi baru.
1.1.1
Struktur dasar HTML
Elemen HTML
dimulai dengan tag awal, yang diikuti dengan isi elemen dan tag akhir. Tag
berakhir termasuk symbol / diikuti oleh tipe elemen, misalnya </HEAD>.
Sebuah elemen HTML dapat bersarang di dalam elemen lainnya. Sebuah dokumen HTML
standar terlihat seperti ini:
<html>
<head>
<title>Ini judul dokumen
HTML </title>
</head>
</body>
Teks ini adalah teks yang muncul
di body dari dokumen
</body>
</html>
Kode di atas
penulis beri identasi untuk membuat program bisa terbaca lebih jelas, tapi HTML
sebenarnya mengabaikan identasi ini (sering juga disebut spasi atau
whitespace). Jadi anda tidak wajib untuk membuat identasi di kode anda sendiri.
Dokumen HTML
terdiri dari unsure HTML, ditandai dengan tag <html> awal dan diakhiri
dengan tag html oenutup berupa </html>. Dokumen HTML biasanya memliki
HEAD dan elemen BODY. HEAD ini di dalamnya berisi judul atau <title>.
Judul nantinya muncul di bagian title
bar dari browser.
Anda bisa
mengetikkan kode HTML diatas menggunakan sembarang editor teks. Yang paling
mudah adalah menggunakan Notepad yang merupakan aplikasi bawaan dari MS
Windows.
1.1.2
Mengenal XHTML
XHTML merupakan
singkatan dari Extensible Hypertext
Markup Language. XHTML merupakan bentuk reformulasi dari HTML menggunakan
paradigma XML.
Kenapa perlu
XHTML? Karena XHTML adalah bentuk HTML yang lebih bagus dan rapih, karenanya
dapat diparsing di banyak platform browser, seperti di web browser biasa, lalu
di browser ponsel dan gadget lain.
XHTML
memanfaatkan kelebihan XML untuk memperkaya HTML. Keuntungan menuliskan HTML
dalam bentuk XML antara lain:
Di XML, anda
bisa memperkenalkan elemen-elemen baru atau atribut elemen baru. Sehingga anda
bisa membuat spesifikasi modul-modul baru.
XHTML lebih
mudah mengakomodasi interoperabilitas dari cara mengakses halaman web. Sehingga
halaman web yang dibuat menggunakan XHTML bisa menghasilkan tampilan yang lebih
seragam.
