Minggu, 30 Oktober 2016

Apa itu HTML ?

Sebelum mengetahui lebih lanjut mengenai bahasa markup HTML, terlebih dahulu kita mengetahui terlebih dahulu dasar-dasarnya.
Apa itu HTML ? HTML atau singkatan dari Hyper Text Markup Language adalah sebuah bahasa markup yang digunakan untuk membuat suatu website. Semua konten informasi (teks, gambar, audio, video dan script) akan disusun dalam HTML, kemudian akan ditampilkan dalam browser web. Sedangkan dalam situs Wikipedia , HTML adalah sebuah sebuah bahasa markah yang digunakan untuk membuat halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.

Wow, penjelasan dari Wikipedia lebih rinci dibanding penjelasan dari saya. Hahahaha.

Nah, asal muasal HTML itu dari mana sih ? Berdasarkan sumber dari Burung Internet, HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus ide untuk menempatkan elemen elemen yang berguna untuk menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya elemen element tersebut dibentuk menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis. Bahasa pemrograman untuk melakukan tugas ini disebut sebagai bahasa markup. IBM menamai program ini sebagai Generalized Markup Language. Pada tahun 1986, konsep ini disetujui oleh ISO (International Standard Organization) sebagai standar untuk pembuatan dokumen. Bahasa ini dinamai oleh ISO sebagai Standard Generalized Markup Language (SGML) HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari CERN mengemukakan sebuah ide tentang pembuatan skrip bahasa pemrograman dan dokumen yang dapat diakes oleh semua komputer tanpa melihat jenis platformnya. Sejak saat itu HTML menjadi lebih populer dibandingkan SGML.

Masih dari sumber yang sama di atas, berikut Struktur HTML :

1. Element

Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup. Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat kode html seperti ini.

<title>Website Milik Faiz</title>

Yang berwarna hijau, itu adalah pembuka. Yang warna hitam adalah isi. Sedangkan yang warna merah adalah penutup. Isi adalah optional, dalam artian tidak masalah jika kita tidak memberikan isi. Beda dengan pembuka dan penutup, keduanya harus ada dalam sebuah kode html. Jika tidak maka akan terjadi error, dan kode tidak akan berfungsi.  Ada juga pembuka dan penutup yang berbeda dengan contoh diatas. Contohnya seperi ini

<input type="text" value="isian>

Pada tag input kita tidak perlu menutupnya dengan ,cukup dengan /> . Bahkan dengan menuliskan > saja juga bisa.

2. Tag

Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag dengan nama head, dengan nama body, dan sebagainya. Tag ini sudah diatur dari sananya, jadi kita tidak boleh membuatnya sendiri. Misal jika kita menulis , jelas tidak akan berfungsi.

3. Atribut

Atribut terdapat didalam script sebuah elemen, fungsinya untuk memberi informasi tambahan tentang elemen. Nilai dari atribut harus ditutup dengan tanda kutip.