Pengertian HTML, fungsi, struktur dan cara kerja.

 

Pengertian HTML

Sampai saat ini, masih banyak orang yang salah mengartikan dan tidak tahu apa itu HTML. Bahkan kebanyakan orang mengira bahwa HTML adalah bahasa pemrograman, padahal bukan.

HTML adalah kependekan dari Hypertext Markup Language yang merupakan sebuah bahasa markup. HTML adalah kode untuk membuat struktur halaman suatu website yang menarik, saling terhubung satu dengan yang lainnya, dan yang pasti dapat diakses melalui internet. 

Awalnya html ditemukan oleh Tim Berners-Lee pada tahun 1991. HTML adalah solusi untuk membantu ilmuwan dalam mengakses dokumen, namun kini html semakin berkembang pesat di dunia pemrograman web. 

Bagi pemula yang ingin memulai belajar pemrograman web dan bingung belajar bahasa markup apa, HTML adalah jawabannya. HTML dianggap mudah dipahami oleh orang awam karena tag dasar html mudah dibaca dan diimplementasikan.

HTML biasanya ditempatkan atau disimpan pada sebuah file bernama file HTML. Isi dari file tersebut yaitu kombinasi simbol dan juga teks.

Fungsi HTML

Setelah kamu sudah mulai terbayang mengenai apa itu HTML. Perlu diketahui, bahasa markup ini memiliki beberapa fungsi. Berikut apa saja fungsi-fungsinya:

1. Berfungsi untuk Membuat Website

HTML memiliki fungsi utama untuk membuat halaman website. HTML adalah pondasi utamanya, lalu dalam pembuatan website HTML biasanya berpasangan dengan CSS untuk mempercantik dan Javascript yang berguna untuk memberikan animasi dan kontrol fungsi.

 Dengan kode ini kamu bisa berbagi informasi melalui browserdi internet pada banyak orang. Namun, tentu saja kamu juga harus membeli layanan hosting agar halaman tersebut bisa diakses oleh banyak orang. 

2. Berfungsi sebagai Hyperlink

Hyperlink adalah salah satu fungsi HTML. Apa maksudnya? Jadi hyperlink ini yang akan mengarahkan kamu berpindah antar halaman melalui teks tertentu yang sudah terdapat kondisi di dalamnya. HTML adalah bahasa pemrograman yang juga memiliki peranan yang penting juga dalam ranah SEO (Search Engine Optimization). Karena berkat HTML, pemilik website bisa mengarahkan pengguna atau pembaca ke halaman website lain melalui hyperlink.

3. Sebagai Pondasi Website

HTML dibutuhkan untuk membuat tampilan website yang lebih menarik. Markup language ini juga menjadi pondasi utama pada saat pembuatan website. Karena nantinya, beberapa bahasa pemrograman akan diaplikasikan pada HTML.

4. Berfungsi untuk Menambah Multimedia pada Website

Website yang menarik dan tidak membosankan akan membuat para pengunjung betah. Dengan bahasa markup ini, kamu bisa menampilkan beberapa jenis multimedia pada website. Contohnya seperti menambahkan video, gambar, audio, animasi, dan media lainnya.  Hal tersebut bertujuan agar kamu dapat menerima informasi secara maksimal dan kamu tidak bosan membaca informasi di dalamnya.

5. Sebagai Penanda Teks dan Bagian Website

Bahasa markup yang satu ini juga memiliki fungsi lain sebagai penanda teks maupun bagian pada website. HTML adalah bahasa pemrograman yang bisa menandai kalimat dengan cetak tebal maupun miring dengan kode tertentu.

Selain itu, bahasa markup ini juga bisa difungsikan untuk menandai bagian website. Contohnya seperti bagian navigation, main, footer, dan header.

Banyak juga ya ternyata fungsi HTML ini, gimana makin tertarik bukan untukbelajar HTML?

Struktur HTML

Di dalam HTML terdapat kerangka inti yang membangunya seperti tag, element, dan attribute. Berikut penjelasannya:

1. Tag

Tag merupakan bagian pembuka dan penutup yang digambarkan dengan <..> </..> lalu dalamnya akan diisi dengan nama tag dan atribut yang nantinya akan diproses oleh browser. Setiap tag memiliki fungsinya masing-masing. Misalnya kamu ingin membuat judul maka menggunakan tag <h1></h1> dan jika ingin menambahkan image maka menggunakan tag <img></img>.

2. Element 

Element adalah keseluruhan dari awal tag hingga penutup tag. Berarti element berisi tag pembuka, isi tag, dan tag penutup. Contohnya seperti ini.

<h1>Belajar HTML Bersama DomaiNesia</h1>. 

Element tidak hanya berisi teks saja namun bisa berisi element lain yang disebut nested element. Gambarannya seperti ini.

<html>

          <body>

               <h1>Belajar HTML Dasar</h1>

          </body>

</html>

3. Attribute

Attribute adalah informasi yang bisa ditambahkan dalam setiap element untuk mengatur dan menambahkan sesuatu. Misalnya dalam penggunakan tag images. Maka dapat dilengkapi menjadi <img src=”html.jpg” alt=”html”/>. Dari tag tersebut artinya bahwa image akan memproses gambar komputer dan alt akan menampilkan tulisan “html” jika gambar gagal diproses.

Cara Kerja HTML

Sampai sejauh ini, mungkin kamu sudah mulai bertanya-tanya bagaimana cara kerja bahasa markup tersebut. Kok bisa sih dari kumpulan tag bisa menjadi website menarik yang bisa dibaca banyak orang? Simak penjelasan dari kami.

Bahasa markup ini memiliki cara kerja yang unik sehingga informasi yang kita muat bisa tampil di browser. Berikut cara kerjanya:

• Setelah dokumen HTML dibuat pada aplikasieditor HTML, kemudian dokumen tersebut akan tersimpan dengan format .htm atau .html.
• Pengguna bisa membuat dokumen HTML lebih dari satu. Karena 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 menyusun berbagai bagian. Contohnya seperti bagian isi konten, heading, paragraf dan sebagainya.
• File atau ekstensi HTML bisa kamu buka dengan menggunakan berbagai browser.
• Agar orang lain Untuk bisa mengakses informasi yang telah dibuat, kamu harus membuatnya online.  Jadi kamu harus mengunggahnya dulu dengan menggunakan layanan web hosting DomaiNesia Jadi, HTML adalah bahasa markup yang berfungsi setelah menyewa layanan web hosting untuk mengunggah file tersebut ke website.