HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk membuat struktur halaman website agar dapat ditampilkan pada web browser. Jadi, HTML dapat dianalogikan sebagai pondasi awal dalam menyusun kerangka halaman web secara terstruktur sebelum membahas terkait tampilan desain dan sisi fungsionalitas.
Fungsi
Setelah mengenal sejarah singkat dari bahasa markup HTML, selanjutnya kita juga harus mengetahui kegunaannya. Berikut ini beberapa fungsi dan tujuan dari penerapan HTML untuk pembuatan situs atau web app.
Fungsi utama penggunaan HTML sendiri adalah membangun tampilan website yang telah menerapkan metode semantik untuk memudahkan setiap pengembang dalam proses development dan maintenance. Kemudian, HTML juga dapat dikolaborasikan dengan penggunaan bahasa CSS (Cascade Style Sheet) serta JavaScript.
Dimana, peran dari HTML5 berfungsi untuk menyusun kerangka dan struktur halaman website. Kemudian, CSS membantu dalam memberikan tampilan desain meliputi warna, font, outline, dan lain sebagainya. Dan Tugas dari bahasa pemrograman JavaScript adalah memberikan sentuhan interaksi untuk memberikan pengalaman yang berbeda kepada user.
Kerangka Inti dan Cara Kerja HTML
Lantas, bagaimana cara membuat kode program HTML yang baik dan benar? Untuk dapat mempelajari bahasa markup ini, anda dapat belajar dari media mana saja. Anda dapat memanfaatkan internet untuk mencari berbagai forum atau jurnal yang membahas terkait tutorial HTML. Berikut ini merupakan beberapa macam kerangka inti yang membentuk struktur bahasa markup mulai tag, elemen, dan atribut.
- Tag, merupakan perintah atau awalan instruksi yang nantinya akan dibaca pada web browser. Misalnya adalah penggunaan tag <strong>, yang berfungsi untuk memberikan ketebalan pada teks paragraf.
- Element, merupakan proses keseluruhan kode yang dimulai dari tag pembuka (< >) dan diakhiri dengan tag penutup (</>), sebagai contoh element <p>Ini adalah website saya</p>.
- Attribute, merupakan informasi atau perintah tambahan yang dimasukkan ke dalam sebuah elemen. Misalnya saja <img class=”gambar” src=”komputer.jpg” alt=”komputer1” />, sehingga atributnya adalah class, src dan alt image.
Jenis – Jenis Tag HTML dan Kode Warna
Untuk saat ini, terdapat dua jenis tag yang sering digunakan, yaitu sebagai berikut:
1. Block Level
Untuk elemen yang menggunakan block level menggunakan ruang (space) tersedia dan membuat line atau baris baru untuk mendeklarasikan elemen berikutnya. Contoh dari penggunaan block level adalah struktur heading dan paragraf.
2. Inline Tags
Inline tags berarti menggunakan ruang yang lebih sedikit dan sempit. Sehingga kebutuhannya lebih ke arah memformat isi konten pada block level.
Selain itu, di dalam struktur HTML juga dapat mengolah dan memberikan beberapa macam warna untuk memperbaiki tampilan pada halaman situs agar lebih menarik.
Kesimpulan
- HTML adalah bahasa markup yang membentuk struktur halaman website agar dapat diproses dan dikenali oleh web browser.
- Jenis tag terbagi menjadi dua, yaitu inline tags dan block level dengan kerangka inti yang meliputi struktur elemen head, body, dan footer.
- Dalam penerapannya, bahasa markup ini termasuk ke dalam komponen penting penyusun sisi front-end atau klien untuk membuat halaman website semaksimal mungkin.
Editor by:Humam Husaini
Tanya & Beli Program?