1. DEFINISI HTML
HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat struktur halaman website menggunakan tanda - tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
Dalam membuat file HTML, terdapat standar atau format khusus yang harus diikuti. Format tersebut merupakan kode internasional atau ASCII (American Standard Code for Information Interchange). Nah, setelah mengetahui definisi HTML selanjutnya kita akan membahas sejarah lahirmya bahasa pemograman satu ini.
2. SEJARAH HTML
Dibalik lahirnya HTML ada seorang ilmuan yaitu Tim Berners-Lee, ditahun 1991, Tim Berners-Lee menciptakan HTML sebagai solusi untuk mempermudah para ilmuwan dalam mengakses dokumen satu sama lain. Setelah satu tahun kemudian, HTML mulai dapat digunakan secara umum. Untuk bisa diakses oleh banyak orang tidak lepas dari peran World Wide Web (WWW). Keduanya saling bersinergi supayah informasi yang ingin disebarkan bisa diakses secara umum.
Kini HTML telah berevolusi menjadi bahasa markup yang digunakan oleh lebih dari 92,3% website didunia. Selama perjalanannya, HTML tentu mengalami perkembangan yang cukup pesat. Seperti gimanasih evolusinya? simak perjalanan HTML berikut :
a. HTML versi 1 tahun 1991 = memudahkan ilmuan mengakses dokumen yang ada di berbagai komputer.
b. HTML versi 2 tahun 1995 = mampu menampilkan data dan form yang dapat diedit secara langsung. Versi ini merupakan cikal bakal lahirnya website interaktif.
c. HTML versi 3 tahun 1997 = menambahkan fitur figure untuk mendukung tampilan gambar
d. HTML versi 4.0 tahun 1998-1999 = menambahkan perintah dasar HTML, yaitu image, tabel, text, link, dan form.
e. HTML versi 4.1 tahun 1999-2000 = telah dipublikasi secara internasional dan dapat dipakai oleh bowser apapun.
f. HTML versi 5 tahun 2014 = membuat prosedur tampilan dengan menggabungkan CSS, HTML, dan Javascript. Versi ini menjadi versi terbaik karena telah dilengkapi fitur canggih yang lengkap, seperti embed video dan audio.
3. MENGENAL TAG HTML, ELEMEN DAN ATRIBUT
Bagaimana setelah mengetahui sejarah HTML?, Sekarang kita beralih untuk mengenal komponen-komponen yang terdapat pada HTML.
a. Tag
Tag adalah tanda awalan dan akhiran dalam perintah HTML yang akan dibaca oleh browser. Tag dibuat dengan menggunakan kurung siku <........>, dimana di dalamnya akan berisi nama tag.
setiap tag memiliki fungsi perintah yang berbeda-beda. Mulai dari membuat judul, paragraf, heading, cetak tebel, miring, italic dan lainnya. Contohnya <bold>. Tag tersebut akan meminta browser untuk menampilkan teks dengan format tebal.
b. Elemen
Elemen merupakan komponen HTML yang berupa keseluruhan kode tag pembuka hingga penutup. elemen terdiri dari teks dan simbol yang berupa tag membuka, isi teg , dan teg penutup. Contohnya : <bold>Belajar HTML</bold> .
c. Atribut
Atribut adalah informasi atau perintah tambahakan yang berada dalam elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen. Contoh : <img src ="gambar.jpg" alt "bunga matahari.">. Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser harus menampilkan gambar.jpg dengan alt text "bunga matahari".
Dapat diketahui kalau jumlah atribut dalam sebuah tag bisa lebih dari satu. Meski demikian, tidak semua atribut bisa digunakan dalam sebuah tag.
4. CARA KERJA HTML
Oke sekarang mungkin kita sedang bertanya-tanya bagaimana sih cara kerja file HTML sehingga bisa dapat ditampilkan dibowser?
pertama, dokumen HTML anda dibuat di aplikasi editor HTML dan menyimpannya denga format .html atau .htm. Dokumen HTML yang dibuat bisa saja lebih dari satu. Sebab dalam sebuah website, biasanya terdiri dari banyak halaman. misalnya saja halaman utama, kontak, blog, dan lainnya.
Nah, masing-masing dokumen, berisi komponen HTML yang akan menyusun bagian heading, paragraf, isi konten, dan lainnya. Ekstensi file ini dapat dibuka dengan menggunakan web browser seperti Google Chrome, Safari, atau Mozilla Firefox.
Kemudian, untuk diakses oleh banyak orang, kita perlu mengonlinekannya terlebih dalu. kita perlu menyewa layanan web hosting dan mengupload file website kita disana. Jika sudah, selanjutnya browser akan membaca dan me-render file HTML menjadi tampilan halaman website. Sehingga ketika orang mengakses website, mereka dapat mudah membaca informasi yang ditampilkan.
5. FUNGSI HTML
a. Membuat halaman Website
Fungsi utama dari HTML adalah membuat halaman website. Sehingga kita dapat berbagi informasi pada banyak orang melalui browser di internet. HTML juga mudah untuk di aplikasikan untuk seorang pemula, tak heran, hampir semua website pasti dibuat menggunakan HTML.
b. Menjadi pondasi Website
HTML juga berfungsi sebagai pondasi utama pembuatan website. Beberapa bahasa pemograman akan diaplikasikan pada HTML. Untuk dapat menampilkan website yang lebih menarik. Sebagai contoh, tampilan website dapat lebih berwarna dengan menggunakan CSS. Lalu website menampilkan banyak fitur dengan menggunakan bahasa pemograman Javascript, PHP, atau lainnya.
c. Menandai teks dan bagian pada halaman
Fungsi lainnya dari HTML ialah menjadi penanda teks dan bagian dari laman website. Semisalkan untuk menandai kalimat cetak tebal dan miring hanya perlu diberi kode <bold>,<italic>. Selain itu, HTML juga berfungsi untuk menandai bagian pada website, misalnya bagian header, main, footer, dan navagation. sehingga lebih mudah pembuatan website.
d. Menampilkan multimedia di Website
Supaya website tidak membosankan, kita tentu perlu menambahkan video, gambar dan media lainnya bukan? nah di HTML sekarang kita bisa menambahkan berbagai media.
e. Mengarahkan Pengguna ke halaman Website lainnya.
Seiring perkembangannya, HTML kini juga berfungsi untuk mengarahkan pengguna ke halaman atau website lain melalui teks tertentu. Fungsi tersebut juga disebut hyperlink.
KESIMPULAN
HTML adalah bahasa markup yang berfungsi untuk membuat struktur website sehingga dapat diakses secara umum melalui aplikasi browser. Dari Tim Berners-Lee yang telah mengembangkan HTML pada tahun 1991. HTML yang awalnya hanya dipakai untuk kebutuhan penelitiannya, kini dapat digunakan semua orang berbagai kebutuhan. Berkat perkembangannya, HTML juga telah banyak fungsi yang canggih. Misalnya, membuat website dengan multimedia, diaplikasikan dengan bahasa pemograman lain, dan mampu menavigasi halaman website dengan hyperlink.
Sumber : www.niagahoster.co.id
Penulis : KHAIRUNISA (Mahasiswi kelas 1D prodi Sistem Informasi fakultas Sains Dan Teknologi UIN Sultan Thaha Saifuddin Jambi)
Selamat (55%)
BalasHapusPosting Komentar