Pengertian HTML: Standar, Tag Umum, Variasi, Cara Menggunakannya

0
Ilustrasi Gambar Pengertian HTML
Ilustrasi Gambar Pengertian HTML

Pengertian HTML (Hypertext Markup Language)

Apa itu HTML? Pengertian HTML (Hypertext Markup Language) adalah pendekatan berbasis teks untuk menggambarkan bagaimana konten yang terkandung dalam file HTML terstruktur. Markup ini memberi tahu peramban web cara menampilkan teks, gambar, dan bentuk multimedia lainnya pada laman Website.

Standar HTML

Standar HTML yaitu rekomendasi resmi oleh World Wide Web Consortium (W3C) dan umumnya ditaati oleh semua browser web utama, termasuk browser web desktop dan mobile. HTML5 adalah versi terbaru dari spesifikasi.

Tag HTML yang umum digunakan

Ilustrasi Gambar Tag HTML Pengertian HTML
Ilustrasi Gambar Tag HTML Pengertian HTML

Mengacu pada pengertian HTML di atas, peran HTML adalah untuk memberi tahu browser web tentang bagaimana konten yang terkandung dalam file HTML disusun. Tag HTML yang umum digunakan termasuk

<H1>, yang menjelaskan judul tingkat atas;
<H2>, yang menjelaskan judul tingkat dua;  untuk menggambarkan paragraf;
<Table>, yang menjelaskan data tabular; dan
<Ol>, yang menjelaskan daftar informasi yang diurutkan.

Seperti yang dapat Anda lihat dari daftar yang sangat singkat ini, tag HTML terutama menentukan elemen struktural halaman.

Variasi HTML

Pada hari-hari awal web di seluruh dunia, menandai dokumen berbasis teks menggunakan sintaks HTML lebih dari cukup untuk memfasilitasi berbagi dokumen akademik dan memo teknis. Namun, ketika internet meluas melampaui dinding-dinding akademis dan ke rumah-rumah populasi umum, permintaan yang lebih besar ditempatkan pada halaman web dalam hal format dan interaktivitas.

HTML 4.01 dirilis pada tahun 1999, pada saat internet belum menjadi nama rumah tangga, dan HTML5 tidak distandarisasi hingga 2014. Selama waktu ini, markup HTML melayang dari pekerjaan hanya dengan menggambarkan struktur konten pada halaman web menjadi peran juga menjelaskan bagaimana seharusnya konten terlihat ketika halaman web menampilkannya. Akibatnya, halaman web berbasis HTML4 sering menyertakan informasi dalam tag tentang font apa yang akan digunakan saat menampilkan teks, warna apa yang harus digunakan untuk latar belakang dan bagaimana konten harus diselaraskan.

Baca Juga :  Pengertian Folder dalam Komputer: Fungsi dan Cara Membuatnya Lengkap

Menjelaskan dalam tag HTML bagaimana sebuah elemen HTML harus diformat ketika dirender pada halaman web dianggap sebagai antiputtern HTML. HTML harus menjelaskan bagaimana konten disusun, bukan bagaimana konten akan ditata dan dirender dalam browser.

Untuk rendering, praktik yang tepat adalah dengan menggunakan cascading style sheets (CSS). File HTML dapat menautkan ke style sheet berjenjang, yang akan berisi informasi tentang warna mana yang digunakan, font mana yang akan digunakan dan informasi rendering elemen HTML lainnya. Memisahkan informasi tentang bagaimana suatu halaman disusun, yang merupakan peran HTML, dari informasi tentang bagaimana suatu halaman web terlihat ketika dirender dalam browser, yang merupakan peran file CSS, adalah pola pengembangan perangkat lunak dan praktik terbaik yang diketahui sebagai pemisahannya.

HTML4 vs. HTML5

Pola pemisahan lebih ketat ditegakkan dalam HTML5 daripada di HTML4. Pada HTML5, tag tebal <b> dan miringkan <i> telah ditinggalkan. Untuk tag paragraf, atribut menyelaraskan telah sepenuhnya dihapus dari spesifikasi HTML.

Untuk tujuan kompatibilitas kebelakangnya, Web Browser akan terus mendukung tag-tag HTML yang sudah dihilangkan ini, tetapi perubahan pada spesifikasi HTML menunjukkan keinginan komunitas untuk HTML untuk kembali ke tujuan semula yaitu menggambarkan struktur konten, sambil mendorong pengembang untuk menggunakan lembar gaya berjenjang untuk tujuan pemformatan.

Tag HTML vs. elemen vs. atribut

Gagasan menggunakan teks untuk menggambarkan bagaimana teks harus ditampilkan mungkin terdengar agak paradoks, tetapi tidak. Ini adalah alasan utama mengapa HTML dikenal sebagai bahasa markup.

Menggunakan HTML, dokumen yang berisi teks selanjutnya ditandai dengan teks tambahan yang menjelaskan bagaimana dokumen harus ditampilkan. Untuk menjaga bagian markup terpisah dari konten aktual file HTML, ada sintaks HTML khusus dan pembeda yang digunakan. Komponen khusus ini dikenal sebagai tag HTML. Tag dapat berisi pasangan nama-nilai yang dikenal sebagai atribut, dan sepotong konten yang terlampir dalam tag disebut sebagai elemen HTML.

Baca Juga :  Pengertian PPI (Pixel Per Inch): Contoh dan Perbedaan PPI dengan DPI

Apa itu Well-formed HTML?

Berdasarkan penjelasan pengertian HTML di atas, agar browser web menampilkan halaman HTML tanpa kesalahan, itu harus disediakan dengan HTML yang terbentuk dengan baik. Agar terbentuk dengan baik, setiap elemen HTML harus terkandung dalam tag terbuka <p> dan tag penutup </p>. Selanjutnya, setiap tag baru yang dibuka dalam tag lain harus ditutup sebelum tag yang mengandung tersebut ditutup.

Standar Sintak HTML

Aturan sintaks lainnya adalah bahwa atribut HTML harus diapit dalam tanda kutip tunggal atau ganda. Sering ada perdebatan tentang format mana yang secara teknis benar, tetapi World Wide Web Consortium menyatakan bahwa kedua pendekatan tersebut dapat diterima.

“Secara default, SGML mengharuskan semua nilai atribut dibatasi menggunakan tanda kutip ganda (ASCII desimal 34) atau tanda kutip tunggal (ASCII desimal 39).”

Saran terbaik untuk memilih antara kutipan tunggal dan ganda adalah untuk menjaga penggunaan yang konsisten di semua dokumen. Pemeriksa gaya HTML dapat digunakan untuk menegakkan penggunaan yang konsisten di seluruh halaman. Perlu dicatat bahwa kadang-kadang menggunakan kutipan tunggal diperlukan, seperti dalam contoh di mana nilai atribut sebenarnya mengandung karakter kutipan ganda. Kebalikannya juga benar.

“Tanda kutip tunggal dapat dimasukkan dalam nilai atribut ketika nilainya dibatasi oleh tanda kutip ganda, dan sebaliknya.”

Cara Menggunakan dan Mengimplementasikan HTML

Karena HTML sepenuhnya berbasis teks, file HTML dapat diedit hanya dengan membukanya di program seperti Notepad ++, Vi, Sublime Text atau Emacs. Editor teks apa pun dapat digunakan untuk membuat atau mengedit file HTML dan, selama file tersebut dibuat dengan ekstensi .html, browser web apa pun, seperti Chrome atau Firefox, akan dapat menampilkan file sebagai halaman web.

Baca Juga :  Pengertian FaaS (Function As A Service): Prinsip, Jenis, Perbedaannya

Untuk pengembang perangkat lunak profesional, ada berbagai editor WYSIWYG untuk mengembangkan halaman web. NetBeans, IntelliJ, Eclipse dan Microsoft Visual Studio menyediakan editor WYSIWYG baik sebagai plug-in atau sebagai komponen standar, membuatnya sangat mudah untuk menggunakan dan mengimplementasikan HTML.

Editor WYSIWYG ini juga menyediakan fasilitas pemecahan masalah HTML, meskipun browser web modern sering berisi plug-in pengembang web yang akan menyoroti masalah dengan halaman HTML, seperti tag akhir yang hilang atau sintaksis yang tidak membuat HTML yang terbentuk dengan baik. Chrome dan Firefox keduanya termasuk alat pengembang HTML yang memungkinkan untuk melihat langsung file HTML lengkap halaman web, bersama dengan kemampuan untuk mengedit HTML dengan cepat dan segera memasukkan perubahan dalam browser.

Penutup

Demikianlah sedikit ulasan Kami kali ini mengenai pengertian HTML (Hypertext Markup Language) dan penjelasannya secara lengkap. Semoga bermanfaat dan dapat manambah wawasan Kita semua terutama dalam mengetahui Istilah-Istilah Teknologi. Sekian dari Saya, Terima Kasih.

Tinggalkan Komentar