Hai sahabat pada kesempatan kali ini saya akan membuat sebuah tutorial pengenalan HTML, walaupun saya yakin sebagian dari anda sudah kenal dengan salah satu bahasa markup untuk membuat web ini. Secara khusus tulisan ini saya tujukan untuk anda yang masih awam dan ingin bisa membuat sebuah website, jadi bagi anda yang sudah mahir bisa lewat saja :)
Sejarah singkat HTML
HTML merupakan bahasa markup dan merupakan kepanjangan dari Hypert Text Markup Language, jadi HTML ini bagi anda yang semula beranggapan merupakan salah satu bahasa pemrograman ternyata bukan, HTML merupakan salah satu bahasa markup selain CSS. HTML dirancang pertama kali pada tahun 1989 oleh tim Berners-Lee. Beliau merupakan seorang ilmuwan asal Inggris yang bekerja di CERN. Dalam perkembangannya ada beberapa istilah teknologi yang menyertai perkembangan HTML seperti SGML, XML, XHTML, W3C, WHATWG. Saya tidak akan membahas satu persatu istilah teknologi tersebut, karena sudah banyak yang membahasnya di internet. Saat ini versi terakhir dari HTML adalah HTML5 yang sudah mengalami banyak sekali perubahan sehingga memiliki fungsi yang lebih komplit.
Fungsi HTML
Lalu apa sih fungsi HTML itu sendiri? mmungkin sebagian dari anda yang baru kenal dengan HTML akan bertanya seperti itu. Fungsi HTML adalah untuk membuat struktur dari sebuah website. HTML digunakan untuk menandai bagian mana yang akan menjadi judul artikel, bagian mana yang berfungsi sebagai isi artikel, atau bagian mana yang butuh disajikan dalam bentuk tabel, form, ataupun list. Untuk membuat sebuah website modern yang enak dipandang mata dengan tampilan tidak kaku anda tidak bisa hanya menggunakan HTML saja, tetapi membutuhkan bahasa markup lainnya yaitu CSS. Beberapa hari yang lalu saya sudah menulis sekilas tentang CSS, saya harap anda membacanya.
Teks Editor
Untuk menuliskan sintaks HTML anda membutuhkan teks editor, dan saat ini sudah banyak sekali teks editor yang bisa anda gunakan mulai dari yang sangat sederhana sampai yang komplit. Untuk teks editor sederhana yang bisa anda gunakan tanpa mendownload adalah notepad, anda bisa mengkasesnya melalui menu Windows -> Aksesoris -> Notepad. Atau bisa juga melalui jendela run kemudian anda ketikkan "notepad". Sedangkan untuk teks editor yang bisa anda download adalah notepad++, Bracket, Atom, Aptana Studio, Eclipse atau Net Beans. Dari beberapa teks editor tersebut saya menyarankan anda menggunakan notepad++, karena disamping berukuran kecil filenya aplikasi ini juga sangat ringan dijalankan tidak membutuhkan alokasi memori yang besar dan yang paling penting tentunya adalah teks editor ini gratis. Saat ini versi terakhir dari notepad++ adalah v6.9.2 dan anda bisa mendwonloadnya melalui situs ini.
Struktur Dasar HTML
Struktur dasar HTML merupakan standar penulisan code HTML supaya bisa berjalan dengan baik pada web browser. Oh iya saya lupa menjelaskan untuk menjalankan file html yang sudah anda buat nanti yaitu dengan menggunakan aplikasi web browser. Saat ini banyak sekali web browser seperti Mozilla Firefox, Netscape, Internet Explorer, Google Chrome dan masih banyak lagi. Sebuah file HTML terdiri dari tag, element dan attribut itulah yang kita sebut sebagai struktur dasar penulisan HTML. Berikut contoh dari penulisan HTML dengan format struktur dasar yang nantinya bisa anda kembangkan lebih komplit lagi.
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>
My First Heading</h1>
My first paragraph.</body>
</html>
Tulis atau copy sintaks HTML di atas ke dalam teks editor notepad atau notepad++, dan simpan dengan nama test.html lalu jalankan melalui web browser kesayangan anda. Demikian sekilas tutorial pengenalan HTML, nantikan artikel saya selanjutnya yang akan membahas tentang elements, tag dan attributes. Semoga tutorial singkat ini bisa memberikan manfaat untuk anda yang sedang belajar HTML, dan jika ada yang masih kurang jelas dari tutorial ini anda bisa menghubungi saya melalui halaman kontaks yang ada di blog ini.
0 comments:
Posting Komentar