Salam sukses sahabat pedomankampus, pada artikel kali ini saya
akan membahas tentang HTML, apa sih itu html, bagaimana sejarah HTML serta apa
saja fungsi dari HTML dan bagaimana struktur dan cara penulisan yang benar di
HTML, kalau begitu kita langsung mulai saja.
Pertama kita akan membahas tentang pengertian HTML, apa sih
itu HTML?. Html adalah singkatan dari HyperText Markup Language. Artinya bahasa
markup (penanda) berbasis text atau bisa juga di sebut sebagai formatting
language (bahasa untuk memformat), jadi sudah jelas HTML bukanlah sebuah bahasa
pemprograman, melainkan bahasa markup/formatting. Dengan bahasa sederhananya
HTML adalah bahasa penandaan terhadap sebuah dokumen teks, tanda tersebut
digunakan untuk menentukan format atau style dari teks yang ditandai.
Semua halaman web yang sering teman-teman buka, seperti
facebook.com, twitter.com dan google.com ditampilkan menggunakan HTML. Jadi
bisa dikatakan HTML adalah bahasa dasar untuk menampilkan web pada browser
teman teman ssekalian.
Web browser adalah perangkat utama yang akan kita gunakan
untuk menampilkan halaman web yang pada dasarnya terbuat dari HTML dan CSS. Dan
biasa nya setiap komputer yang telah terinstall sistem operasi telah memiliki
web browser bawaan seperti internet Explorer yang terinstall default pada
sistem operasi windows, web browser safari yang terdapat pada sistem operasi
mac dan mozilla firefox yang terdapat pada sistem operasi Linux Ubuntu.
Html di buat oleh tim Bernes-Lee ketika masih bekerja untuk
CERN dan di populerkan pertama kali oleh Browser Mosaic. Selama awal tahun 1990
HTML mengalami perkembangan pesat. Setiap pengembangan HTML pasti akan
menambahkan kemampuan dan fasilitas yang lebih baik dari versi yang sebelumnya.
Sebelum suatu HTML di sahkan sebagai suatu dokumen HTML
standar, ia harus di setujui dulu oleh W3C, untuk di evaluasi secara ketat.
Setiap terjadi perkembangan suatu versi HTML, maka mau tidak mau browser pun
harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru
tersebut(upgrade). Sebab jika tidak, maka browser tidak akan bisa menampilkan
HTML tersebut.
Berikut adalah sejarah perkembangan/upgrade yang terjadi di
HTML.
1.
HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini
antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring
pada teks. Versi ini juga mendukung peletakan gambar pada dokumen nya tanpa
memperbolehkan meletakkan teks di sekeliling nya (Wrapping).
2.
HTML versi 2.0
Pada versi 2.0, penambahan kualitas HTML,
terletak pada kemampuan nya untuk menampilkan suatu form pada dokumen. Dengan
adanya form ini, maka kita dapat memasukkan nama, alamat, serta kritik/saran.
HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
3.
HTML versi 3.0
HTML versi 3.0 menambahkan beberapa
fasilitas baru seperti tabel. Versi ini yang di sebut sebagai HTML+ tetapi
tidak bertahan lama dan segera di gantikan dengan HTML versi 3.2.
4.
HTML versi 4.0
HTML versi 4.0 memuat banyak sekali
perubahan dan revisi dari pendahulunya. Perubahan ini terjadi hampir di segala
perintah-perintah HTML seperti tabel, image, link, text, meta, imagemaps, form,
dan lain-lain.
5.
HTML versi 5.0
HTML versi 5.0 ini atau lebih di kenal
dengan nama HTML 5 lahir pada tahun 2009 yang menjadi standar baru untuk HTML,
XHTML, dan DOM HTML. HTML 5 ini merupakan proyek kerjasama antara W3C dengan
WHATWG (web Hypertext Application Technology Working Group). HTML5 menambahkan
beberapa perintah baru yang membantu para programmer web untuk mendesain
website agar website menjadi lebih menarik dan interaktif.
Fungsi HTML
HTML telah mengubah dunia internet yang
awal nya hanya berbentuk tulisan/teks biasa yg membosankan menjadi berbentuk
semenarik dan user friendly seperti sekarang ini.
Berikut adalah beberapa fungsi HTML yang
ada :
1.
Membuat, mendesain dan mengontrol tampilan dari
web page (halaman web) dan isi nya.
2.
Mempublikasikan dokumen atau berkas secara
online sehingga dapat di akses/di lihat dari seluruh penjuru dunia yang
terhubung ke akses internet.
3.
Membuat online form (formulir online) yang bisa
di gunakan untuk menangani pendaftaran atau transaksi secara online.
4.
Menambahkan objek objek seperti image, audio,
video dan juga java applet (aplikasi java seperti java game dan lain lain) di
dalam dokumen HTML.
Mengenal struktur HTML
Pada dasar nya, terdapat 2 kategori
dalam elemen HTML, yaitu :
1.
Elemen Berfungsi untuk memberikan informasi atau
mendeklarasikan dokumen tersebut.
2.
Elemen berfungsi untuk menentukan bagaimana isi
suatu dokumen yang di tampilkan pada browser tersebut.
Struktur penulisan di HTML
Berikut adalah contoh syntax di
HTML :
<html>
<head>
<title>latihan
menulis html</title>
</head>
<body>
Mari
Belajar Bersama Di blog informasea.blogspot.com
</body>
</html>
Penjelasan :
Ø
<html>…. </html>
Syntax ini merupakan tag pembuka dari dokumen html.
Ø
<head>…. </head>
Syntax ini di gunakan untuk membuat judul pada tab browser.
Ø
<title>….</title>
Syntax ini di gunakan untuk membuat isi judul pada tab browser.
Ø
<body>….</body>
Syntax ini di gunakan untuk menampilkan segala konten yang berada di
dalam body.
Baiklah
sekian dulu teman teman pembahasan HTML kita pada artikel kali ini, jangan lupa
juga untuk membaca artikel selanjut nya yang berjudul pengenalan php.
