HTML: Pengertian, Elemen-elemen, Praktik yang baik, dan Versi-versinya

Apa itu HTML (Hypertext Markup Language)

Laman-laman web dibuat dengan menggunakan HTML (Hypertext Markup Language), yaitu suatu bahasa yang digunakan untuk membuat dokumen-dokumen di WWW (World Wide Web. HTML menggunakan satu set perintah-perintah tertentu yang disebut dengan tags atau markup untuk mendefinisikan struktur dan layout dari suatu dokumen web dan menentukan bagaimana laman ditampilkan di browser.

Laman web adalah file yang berisi teks dan tag-tag HTML. Tag HTML mengatur bagaimana teks ditampilkan ketika dilihat di browser. HTML memiliki ratusan tag yang digunakan untuk memformat laman-laman web dan membuat hyperlink ke dokumen atau laman web yang lain. Contohnya, tag HTML <p> dan </p> digunakan untuk membuat paragraf baru dengan baris kosong di atasnya,
dan <table> dan </table> digunakan untuk membuat awal dan akhir suatu tabel, dan <hr /> digunakan untuk memnuat garis horizontal di sepanjang laman. Kita juga dapat menambah tag-tag HTML dengan menggunakan atribut yang biasanya digunakan untuk membuat karakteristik tambahan seperti besarnya font atau style untuk tag HTML.

HTML adalah bahasa yang bebas atau idak bergantung pada platform tertentu, yang berarti kita bisa membuat atau coding file HTML pada jenis komputer apapun dan kemudian menggunakan browser pada komputer manapun untuk melihat file tersebut sebagai laman web. Laman tersebut akan kelihat sama apapun platformnya yang digunakan. Salah satu manfaat tervesar teknologi web adalah bahwa laman yang sama bisa dilihat di berbagai macam hardware digital termasuk mobile devices seperti smartphone.

Elemen-elemen HTML

HTML mengkombinasikan tag-tag dan atribut deskriptif untuk membuat tampilan laman web di browser. Beberapa contoh elemen HTML adalah headings, paragraph, hyperlink, list, image, dan masih banyak lagi. Aturan sintaks elemen HTML adalah seperti berikut:

• Elemen-elemen HTML mulai dengan tag awal / yang membuka tag
• Elemen-elemen HTML ditutup dengan tag akhir / yang menutup tag
• Isi elemen adalah semua yang ada antara tag awal dan tag akhir
• Beberapa elemen HTML memiliki isi kosong (misalnya,<br /> atau <hr />
• Elemen-elemen yang kosong ditutup pada tag awal (gunakan spasi / untuk menutup seperti dalam <br />)
• Kebanyakan elemen HTML bisa memiliki berbagai macam atribut

Contohnya, untuk membuat paragraph dari suatu teks di laman web, kita akan memasukkan kode HTML berikut:

<p>Ini adalah paragraf dari teks</p>

Praktik menulis kode HTML yang baik

Ketika membuat file HTML, sebaiknya kita memisahkan bagian-bagian kode HTML dengan spasi dan dengan menggunak 'tab'. Dengan menambahkan spasi di beberapa bagian, baik dengan baris kosong atau tab, kita bisa dengan mudah melihat bagian-bagian kode yang berkaitan satu sama lain dam membantu kita melihat elemen-elemen HTML di dalam dokumen dengan lebih jelas. Browser-browser HTML akan mengabaikan spasi yang ada di tag-tag HTML kita, jadi spasi dan indentasi yang dimasukkan di dalam kode tidak akan muncul di laman web. Developer lain yang melihat kode seperti ini bisa dengan mudah melihat dimana lokasi kode dari suatu bagian tertentu.

Versi-versi HTML

HTML sudah melalui berbagai macam versi, dan setiap versi menambahkan kemampuan bahasa/kodenya. Untuk memastikan bahwa browser-browser bisa menerjemahkan setiap versi baru HTML, W3C (World Wide Web Consortium) menjaga berbagai macam standar HTML atau spesifikasi, yang bisa diakses publik di situs web-nya. HTML5 adalah versi terbaru dari HTML. HTML5 memberikan pendekatan yang lebih fleksibel bagi pengembangan web. Contohnya, dengan HTML5, kita mengkombinasikan lowercaser, uppercase di dalam tag-tag dan atribut-atribut. Meskipun HTML5 sudah berkembang menjadi sangat populer bagi para developer web, tetapi HTML5 masih dalam perjalanan pengembangan oleh W3C. Tantangan bagi para developer adalah mengetahui tag-tag baru dan atribut-atribut baru mana saja yang di-support oleh browser. Meskipun HTML5 dan HTML4.01 sangat populer, tetapi masih banyak browser yang terus men-support HTML versi 3.2 dan 2.0.