Mungkin ada fitur yang tidak berfungsi dalam priview materi ini. Silahkan ikuti kelasnya untuk bisa menggunakan semua fitur
1. Mengenal HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah
browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
Versi terakhir dari HTML adalah HTML 5. Pelajaran-pelajaran awal (Bagian 1 hingga 7) ini menggunakan HTML versi 4. HTML versi 5 akan dipelajari pada bagian akhir (Bagian 8).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan
tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka
dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
HTML juga dapat dikenali oleh aplikasi pembuka email atau program lain
yang memiliki kemampuan browser.
2. Aturan Dokumen HTML
Sebuah halaman HTML yang dibangun, pada prinsipnya terdiri dari empat konsep dasar, yaitu:
1. Elements (Elemen-elemen)
Seluruh halaman yang ditampilkan pada sebuah browser pada dasarnya dibangun dari banyak elemen atau bagian-bagian kecil. Perhatikan contoh gambar halaman web (Gambar 1).
Dari gambar halaman yang ditampilkan berupa susunan teks dan gambar, seperti dokumen pada umumnya. Namun untuk dapat menghasilkan tampilan halaman web, dibutuhkan bagian-bagian atau elemen-elemen yang bekerja manampilkan isi sesuai keinginan. Sebagai contoh, untuk dapat menampilkan teks dengan ukuran yang besar dibutuhkan sebuah elemen <h1> </h1>, elemen <p> untuk paragraf, elemen <img> untuk menampilkan gambar.
Gambar 1: Sebuah Halaman Website
2. Penulisan Tags
HTML disusun dari tag-tag atau barisan tag. Tags dan elements dalam HTML sangat berkaitan dan tak bisa dipisahkan, karena tags adalah penyusun dan penanda sebuah elemen HTML.
Untuk sebuah elemen, diperlukan dua buah tag, yaitu tag untuk awalan atau pembuka yang ditulis dengan simbol < dan tag penutup elemen yang ditulis dengan simbol >. Sedang untuk akhir sebuah blok elemen diakhiri dengan tanda / di depan kode elemen tersebut.
3. Atribut dan Nilai
Atribut adalah hal penting lainnya dalam HTML. Atribut ini digunakan untuk mendefinisikan karakteristik suatu elemen. Contoh penggunaan atribut adalah untuk menentukan tinggi sebuah gambar, ukuran dan jenis huruf yang digunakan, warna untuk latar belakang halaman dan masih banyak lagi. Sedangkan nilai adalah isi dari atribut itu sendiri.
Penulisan nilai atribut dalam HTML dapat berupa apa saja, bisa berupa sebuah bilangan, kata atau kombinasi keduanya berupa alamat situs atau sebuah path, tergantung jenis
atribut yang akan digunakan atau yang dikenali oleh elemen itu sendiri. Untuk penulisan sebuah nilai atribut dalam HTML ditulis di dalam tanda kutip dua (“ “).
Sebagai contoh adalah atribut untuk membuat teks memiliki ukuran 11.
<font size="11">...</font>
Penulisan bilangan untuk atribut yang berhubungan dengan tinggi dan lebar suatu elemen memiliki pengertian satuan dalam pixel (piksel). Bila bilangan tersebut diikuti dengan
tanda persen (%), maka dimensi yang dihasilkan adalah memiliki ukuran relatif terhadap ukuran layar monitor.
4. Pengelompokan
Pengelompokan atau nesting, yang berarti bahwa penulisan tag-tag sebuah elemen dengan elemen lainnya tidak boleh tercerai berai dengan kata lain harus tersusun urut sesuai dengan posisi elemen tersebut.
Misalkan sebuah halaman web terdiri elemen A, B dan C. Elemen C adalah isi elemen B, dan elemen B adalah bagian dari A, maka penulisan tag-tag untuk elemen-elemen tersebut adalah sebagai berikut:
<a> <b> <c> </c> </b> </a>
Atau
<a>
<b>
<c>
</c>
</b>
</a>
Penulisan tags yang tidak beraturan susunannya akan menyebabkan ketidakberaturan hasil halaman web yang ditampilkan.
