Apa yang dimaksud dengan HTML ???
Menurut Wikipedia :
HTML adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet.
HTML adalah singkatan dari HyperText Markup Languange. Hyper Text adalah kemampuan text untuk membuat objek lain seperti table, link, image dan beberapa objek lain. Markup Language adalah istilah dimana ketika menggunakan HTML harusnya dalam sebuah tanda yang nanti nya kita sebut dengan Tag.
Jadi, singkatnya HTML adalah sebuah bahasa yang menggunakan markup/tag dalam membuat halaman suatu web.
lalu bagaimanakah peranan HTML dalam sebuah Web???
HTML berperan untuk menentukan struktur konten atau tampilan dari website.
Dalam sebuah website HMTL tidak berjalan sendirian melainkan berjalan berdampingan dengn CSS dan juga Javascript.
CSS adalah bahasa khusus yang digunakan untuk memperindah tampilan dari sebuah website.
sedangkan,
Javascript adalah bahasa pemrograman yang bertugas untuk membuat
tampilan website lebih terasa hidup. karena kita dapat menerapkan
fungsi-fungsi dari website dengan menggunakan Javascript.
Kalau website kita ibaratkan sebuah rumah, maka HTML adalah element dasar yang digunakan untuk membangun sebuah rumah. sedangkan CSS adalah sebuah kerangka atau layout untuk membangun rumah tersebut.
Dalam Tutorial kali ini kita akan fokus membahas HTML saja, jika kalian ingin belajar CSS dan Javascript bisa membuka link dibawah ini:
- Tutorial CCS
- Tutorial Javascript
oke, saya anggap kalian sudah mengerti mengenai HTMLdan peranannya pada website. Kita akan lanjut mengenai sejarah dan asal mula HTML ditemukan.
Sejarah dan Asal Mula HTML
Sejak tahun 1991, setiap versi HTML telah mengeluarkan versi terbaru, selalu dilengkapi dengan atribut dan tag terbaru. Saat ini ada 140 tag HTML berdasarkan referensi elemen HTML yang dimiliki oleh Jaringan Pengembang Mozilla. Karena popularitas dan kemajuan teknologi, HTML terus tumbuh dan berkembang. HTML dianggap sebagai standar situs web resmi.
HTML dikembangkan oleh W3C dan mengalami peningkatan besar pada tahun 2014. Hasilnya adalah pengenalan HTML 5 dengan semantik baru, sehingga makna dari konten HTML itu sendiri dapat dikatakan. Browser web didesain untuk memudahkan pengguna dalam membuka dokumen dalam format HTML.
Perkembangan HTML
HTML dalam perkembangannya sudah mengeluarkan beberapa versi dari awal kemunculannya hingga saat ini, yaitu:
- HTML 1.0 (Juni 1993) adalah versi pertama HTML
- HTML 2.0 (24 November 1995) adalah versi kedua HTML yang sudah memiliki kemampuan untuk data atau doc serta menampilkan alamat.
- HTML 3.0 (25 Maret 1996) adalah
versi ketiga HTML yang memiliki fitur yang dapat menampilkan image
serta tabel dan mendukung rumus matematika. Namun versi ini gagal dan
dilanjutkan dengan versi HTML 3.2
- HTML 3.2 (14 Januari 1997) adalah perbaikan atau lanjutan dari HTML 3.0 yang gagal karena menimbulkan banyak perdebatan.
- HMTL 4.0 (24 April 1998) dalam versi ini terdapat banyak perubahan yaitu perubahan dalam perintah image, table, text, link, form dan sebagainya.
- HTML 4.01 (24 Desember 1994) adalah versi perbaikan dari HTML 4.0
- XHTML 1.0 (26 Januari 2000) adalah pengembangan HTML 4.01 dengan mengadopsi XML.
- XHTML 2.0 (Agustus 2002 - Juli 2006) adalah versi kedua dari XHTML.
- HTML 5.0 (28 Oktober 2014) adalah versi HTML terbaru saat ini.
Dalam tutorial kali ini kita tentunya akan menggunakan HTML 5.0 yang mana merupakan versi terbaru saat ini.
Peralatan Yang Disiapkan Untuk Belajar HTML
Nah, sekarang sudah tiba waktunya untuk langsung praktek mengenai HTML. Namun ada beberapa peralatan yang perlu disiapkan supaya belajar kita bisa lancar.
Apa saja yang perlu disiapkan??
1. Text Editor untuk menulis HTMLNamun saya di sini memilih untuk menggunakan Sublime Text 3
Ada banyak sekali pilihan web browser yang bisa kalian gunakan. Kalian bebas menggunakan web browser apapun. Web Browser nantinya akan kita gunakan untuk membuka HTML.
Contoh Membuat File HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML #1</title>
</head>
<body>
<p>Belajar HTML itu Menyenangkan</p>
</body>
</html>Kemudian kalian simpan dengan nama misal contoh-1.html
Perlu diperhatikan kalian wajib menggunakan extentions .html , .xhtml (untuk XHTML) dan .htm saja. Jika tidak menggunakan extentions tersebut maka tidak akan bisa dibaca oleh web browser.
Selanjutnya kalian coba buka file contoh-1.html menggunakan web browser, Maka hasilnya akan sebagai berikut:
Congrat......
File HTML pertama sudah berhasil kita buat.
Mudah dan menyenangkan bukan Belajar HTML.
Untuk Tutorial mengenai HTML selanjutnya akan di post secepatnya.