Pada tahun 1980 ahli fisika, tim Berners-Lee, dan seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Berners-Lee mengusulkan sistem berbasis internet pada sembilan tahun yang lalu. Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990.Penjelasan pertama dibagi untuk umum dari HTML adalah sebuah dokumen yang disebut “Tanda HTML”, pertama kali disebutkan di internet oleh tim Berners-Lee pada akhir 1991. Tanda ini menggambarkan awal mula 18 elemen HTML versi sederhana. Tag hyperlink, sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbentuk format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4.
Pengertian HTML
HyperText Markup Language (HTML) adalah kode untuk membuat struktur halaman website yang menarik, saling terhubung satu dengan yang lainnya, yang dapat diakses oleh internet. HTML pertama kali ditemukan oleh Tim Berners-Lee pada tahun 1991. HTML adalah solusi untuk membantu para ilmuan dalam mengakses dokumen, namun kini HTML berkembang pesat di dunia pemograman web. HTML biasanya disimpan pada sebuah file bernama file HTML, isi dari file tersebut yaitu simbol dan teks.
Fungsi HTML
1. Berfungsi untuk Membuat Website
HTML mempunyai fungsi untuk membuat halan website. HTML adalah pondasi pembuatan website HTML berpasangan dengan CSS untuk mempercantik dan Javascript berguna untuk memberikan animasi dan kontrol fungsi.
2.Berfungsi sebagai Hyperlink
Hyperlink adalah fungsi yang akan mengarahkan untuk berpindah antar halaman melalui teks yang sudah ada di dalamnya. HTML adalah bahasa pemrograman yang juga memiliki peranan yang penting juga dalam ranah SEO ( Seacrh engine Optimization). Oleh sebab itu HTML pemilik website bisa mengarahkan pengguna atau pembaca ke halaman website lain melalui hyperlink.
3. Sebagai Pondasi Website
Markup language ini juga menjadi bagian utama pada saat pembuatan website. Dan beberapa bahasa pemrograman akan diaplikasikan pada HTML.
4. Berfungsi untuk Menambah Multimedia pada Website
Website yang menarik akan membuat para pengunjung senang. Dengan bahasa markup ini, bisa menampilkan beberapa jenis multimedia pada website. Contohnya seperti menambahkan video, gambar, audio, animasi, dan media lain.
5. Sebagai Penanda Teks dan Bagian Website
HTML adalah bahasa pemrograman yang digunakan untuk kalimat dengan cetak tebal ataupun miring dengan kode tertentu. Selain itu, bahasa ini juga bisa difungsikan untuk menandai bagian website. Contohnya seperti bagian navigation, main, footer dan header.
Struktur HTML
1. Tag
Tag merupakan bagian pembuka dan penutup yang digambarkan dengan <..> </..> lalu akan diisi dengan nama tag dan atribut yang akan diproses oleh browser. Setiap tag memiliki fungsinya masing-masing. Jika ingin membuat judul maka menggunakan tag <h1></h1> dan ingin menambahkan image maka menggunakan tag <img></img>.
2. Element
Element adalah seluruh bagian dari awal hingga penutup tag. Element terdiri dari tag pembuka, isi, dan penutup. Berikut adalah contoh element : <h1>Belajar HTML Bersama Kitabelajar</h1>.
3. Attribute
Attribute adalah informasi yang ditambahkan dalam setiap element untuk menambahkan sesuatu. Contoh dalam penggunakan tag images. Dapat dilengkapi menjadi <img src=”html.jpg” alt=”html”/>. Tag tersebut berarti bahwa image akan diproses menjadi gambar komputer dan menampilkan tulisan “html” jika gambar gagal diproses.
Cara Kerja HTML
- Setelah dokumen HTML dibuat pada aplikasi HTML, kemudian dokumen akan tersimpan dengan format htm atau html.
- Pengguna bisa membuat dokumen HTML lebih dari satu. Dan suatu website umumnya terdiri dari banyak halaman di dalamnya. Contohnya seperti halaman utama website, blog, dan lainnya.
- Dokumen HTML yang sudah dibuat akan berisi berbagai komponen HTML yang disusun oleh berbagai bagian. Contohnya seperti bagian isi konten, heading, paragraf dan lainnya.
- File dan ekstensi HTML bisa dibuka dengan menggunakan berbagai browser.
- Agar orang lain bisa mengakses informasi yang telah dibuat, kamu harus membuatnya online. Jadi harus mengunggahnya dulu dengan menggunakan layanan web hosting. HTML adalah bahasa markup yang berfungsi setelah menyewakan layanan web hosting untuk mengunggah file tersebut ke website.
- Selanjutnya browser, kemudian bisa membaca dan rendering terhadap file HTML menjadi tampilan website yang utuh dan ditampilkan menjadi website yang bisa dilihat di layar laptop dan diakses banyak orang.
Ada Berapa Banyak Sih Contoh HTML?
Ada 4 Jenis Contoh HTML yang sering di gunakan. Berikut ini adalah contohnya :
1. HTML Basic
HTML basic adalah bentuk dasar dari bahasa markup. Beberapa contohnya adalah seperti dokumen HTML dengan kode <!DOCTYPE html> yang berfungsi sebagai deklarasi untuk memberitahu browser bahwa dokumen yang ditulis menggunakan bahasa markup HTML. Contoh HTML lainnya yaitu tag <html> berfungsi untuk menampung seluruh tag HTML dari awal hingga akhir dan penutup dengan kode </html>. Selain itu <head> </head> berfungsi sebagai penampung data informasi pada website dan juga <body></body> nantinya akan diisi oleh isi konten yang akan ditampilkan.
2. Images
Dengan menggunakan images pada halaman website melalui HTML ini kita bisa mengatur ukuran gambar dan posisi gambar tersebut. Gambar yang akan ditampilkan dapat berupa jpg, png, jpeg, dan gif. Images digambarkan dengan tag <img></img> yang memiliki beberapa atribut di dalamnya yaitu SRC (source) yang berisi gambar yang akan ditampilkan dan alt (alternative description) yang menampilkan deskripsi dari gambar ketika gagal ditampilkan. Berikut ini adalah contoh penerapannya :
<img src=”html.jpg” alt=”gambar html”/>
3. Font
Keunikan antara satu website dengan website yang lainnya bisa dilihat dari jenis font yang digunakan. Fungsi HTML berperan sebagai coding untuk mengatur jenis font dan ukuran pada website yang akan dibuat. Berikut ini Contohnya pengaplikasian kode font dengan HTML :
<h2 style=”font-family:Kamboja;>text</h2>.
4. Anchor Text
Dengan HTML bisa membuat anchor text yang digunakan untuk optimasi SEO off page maupun on page. Google akan membaca anchor text untuk mengetahui isi dari website, sehingga anchor text juga sangat mempengaruhi peringkat dalam mesin pencarian. Oleh karena itu sangat penting untuk mempelajari anchor text agar website yang di buat mendapatkan peringkat yang baik. Contoh bentuk kodenya yaitu: <a href=”link”>text</a>.
Bagaimana Caranya Menulis HTML?
Berikut ini adalah cara menulis HTML :
- Memepersiapkan penulisan halaman
- Membuat teks halaman web
- Menambahkan tautan
- Menambahkan daftar Poin
- Menambahkan gambar
- Menyimpan dokumen HTML pada Komputer Windows
- Menyimpan dokumen HTML pada Komputer
Kelebihan dan Kekurangan HTML
Berikut adalah kelebihan dari HTML :
- HTML bersifat open source sehingga gratis untuk digunakan.
- HTML mudah dipelajari, terutama bagi pemula.
- HTML memiliki kompatibilitas browser yang luas.
Dibawah ini adalah kekurangan dari HTML :
- HTML bersifat statis, sehingga sulit untuk membuat aplikasi web yang dinamis.
- HTML memiliki tag yang banyak, sehingga cukup sulit untuk dipelajari.
- HTML tidak bisa menghasilkan halaman interaktif.