Apa itu HTML: Sejarah, Fungsi, dan Cara Kerja

HTML adalah sebuah bahasa yang digunakan dalam mengembangkan sebuah website. Dengan adanya bahasa tersebut, maka memungkinkan integrasi teks, gambar, dan multimedia, serta mendukung interaktivitas pengguna. Jika, tanpa HTML, maka teks atau gambar yang ada pada halaman web tidak dapat ditampilkan oleh browser.

Bahasa ini mungkin terdengar asing, terlebih bagi Anda yang tidak memiliki basic IT. Nah, agar Anda dapat mengerti apa itu HTML?. Pada artikel ini akan Indowebdev bahas mengenai HTML itu sendiri, meliputi pengertian, sejarah, fungsi, cara kerja, dan structurnya. Yuk simak artikel selengkapnya.

Apa itu HTML

Hypertext Mark Language atau yang disingkat HTML adalah sebuah bahasa mark up, yang didalamnya terdapat sebuah kode yang dapat menyusun struktur halaman website.

Pada dasarnya penggunaan HTML berisikan simbol atau kode yang di masukan kedalam sebuah file untuk di sajikan ke halaman website. Dalam penulisan kode tersebut biasanya mengunakan simbol bracket “<” dan “>” dalam membentuk sebuah elemen tertentu.

Berikut adalah contoh sederhana penulisan HTML agar Anda dapat lebih memahaminya:

'<'p'>digunakan untuk paragraf <'h1'> digunakan untuk judul pada level 1 <'h2'> digunakan untuk sub judul level 2 <'a'> digunakan untuk memberikan tautan hyperlink <'img'> digunakan untuk menampilkan gambar. Dengan adanya bahasa mark up tersebut lah yang membantu agar web page tersebut dapat terlihat mulai dari paragraf, link, gambar, atau bahkan element lainnya.

Sejarah HTML

Pada tahun 1991, Sir Tim Berners-lee menciptakan sebuah bahasa mark up yang disebut Hypertext Markup Language(HTML), namun secara resmi HTML versi pertama resmi dirilis pada tahun 1993.

HTML pada dasarnya diciptakan untuk membuat struktur halaman website dapat tampil pada browser web. Dengan perkembangan teknologi, maka saat ini versi HTML telah mencapai 5 versi. Versi HTML ini merupakan perpanjangan dari versi 4.0 yang banyak digunaka oleh orang pada umumnya.

Fungsi HTML

Secara umum HTML berfungsi untuk membantu agar halaman website yang mengandung element-element pendukung dapat terlihat saat diakses melalui web browser. Namun, tak hanya itu terdapat fungsi lain dari HTML. Berikut adalah fungsi dari HTML:

1. Membuat Struktur Halaman

Fungsi yang pertama dari HTML adalah sebagai pembuat struktur halaman website. Dimana HTML disini dapat untuk mengatur elemen-elemen yang akan digunakan pada website seperti penggunaan header, footer, section, hingga lainnya.

2. Menampilkan Konten

Fungsi HTML selanjutnya adalah untuk menampilkan konten baik itu gambar, text, video, ataupun suara. Dimana elemen-elemen tersebut nantinya diatur agar dapat menampilkan file tersebut.

3. Menampilkan Tautan

Selanjutnya, jika Anda ingin menghubungkan halaman web dengan halaman lainnya, Anda dapat memanfaatkan juga element HTML untuk pembuatan tautan atau hyperlink.

4. Meningkatkan Akesesibilitas

Fungsi Selanjutnya, HTML dapat membantu untuk dalam peningkatanan aksessibilitas pengguna seseuai dengan kebutuhan seperti pengunaan layar pembaca/perangkat bantu lainnya.

5. Mendukung Responsif

Tak kalah penting, HTML juga dapat membuat tampilan website lebih responsif, hal itu dikarnakan, adanya kerjasama antara HTML dengan CSS yang memungkinkan pengembangan website dapat ditata sesuai dengan tampilan dan ukuran perangkat yang digunakan.

Struktur HTML

Agar situs web yang dikembangkan dapat terlihat oleh web browser maka dibutuhkan HTML didalamnya. Berikut adalah strucktur HTML yang dapat membantu dalam membangun website antara lain:

1. Tag

Struktur pertama dari html adalah tag yang berfungsi untuk membuka dan menutup sebuah kode. Bisanya dalam tag atau atribut yang akan dimasukkan akan dapat dilihat oleh browser. Misalnya seperti dalam membuat judul dapat mengunakan tag <'h1'><'/h1'>.

2. Element

Struktur yang selanjutnya yhang dapat ditemui pada html adalah element yang berisikan keseluruhan dari semua tag mulai dari pembuka hingga penutup. Selain text, element dapat berisikan sebuah gambar juga. Misal Anda ingin menulis judul level pertama berikut penulisannya. <'h1'>apa itu HTML ?-Indowebdev <'/h1'>

3. Attribute

Struktur lain yang tak kalah penting adalah Attribude yang berfungsi untuk mengatur dan menambahkan sesuatu pada halaman website. Misal anda ingin menampilakan gambar dari kompur dan memiliki alternatif text yang bertulisan "indowebdev" maka penulisannya sebagai berikut '<img src="indowebdev.webq"alt="indowebdev"/>'

Cara Karja HTML

Hypertext Markup Language(HTML) adalah sebuah bahasa markup yang dapat ditemui pada setiap halama yang ada di internet. Melalui HTML, Anda dapat mengatur, menyisipkan gambar, suara, video dan tautan. Namun, pastinya Anda bertanya-tanya, lalu bagaimana Cara kerja dari HTML:

1. Penulisan Kode

HTML bekerja disaat developer menuliskan sebuah attribute seperti judul, paragraf, gambar, suara atau bahkan video ke dalam editor text HTML.

2. Pembacaan oleh Browser

Setelah developer menuliskan kode HTML maka file-file tersebut akan dimuat kedalam file HTML dari server web. Jenis file tersebut berextention .html atau .htm

3. Intepretasi Kode

Pada tahap selanjutnya, kode HTML tersebut diinterpretasikan oleh browser untuk nantinya diterjemahkan menjadi elemen visual yang dapat dilihat langsung oleh pengguna. Misalnya terdapat tag '<img>' maka akan menampilkan gambar.

4. Penggabungan dengan CSS dan JavaScript

Setelah proses interpretasi kode, lalu pada tahap selanjutnya HTML digabungkan dengan CSS dan JavaScript yang dapat menciptakan sebuah halaman web yang responsif dan dinamis.

Baca Juga: Apa Itu CMS (Content Management Sistem)?

Jadi, HTML atau Hypertext Markup Language adalah sebuah pondasi untuk membangun sebuah halaman website, dimana mengunakan sebuah kode markup dalam penyusunannya.

Walaupun HTML merupakan salah satu bahasa pemprogram yang paling mudah, namun perlu ada ketrampilan tersendiri untuk memahaminya.

Jika Anda, tidak ingin mempelajari HTML lebih lanjut namun ingin memiliki website. Anda dapat mengunakan Jasa pembuatan website dari Indowebdev, dimana website akan dikembangkan sesuai dengan SEO yang dapat meningkat visibilitas bisnis/usaha Anda.

Yuk hubungi kami untuk mendapatkan informasi lebih lanjut.