1. Pengenalan HTML
Memuat pengenalan tentang HTML yang mencakup pengertian, fungsi, kelebihan dan kekurangan.
A. Pengertian HTML
C. Kelebihan HTML
D. Kekurangan HTML
B. Fungsi HTML
Hypertext Markup Language atau HTML adalah bahasa markup standar yang digunakan untuk membuat halaman website dan aplikasi web. Sejarah HTML diciptakan oleh Tim Berners-Lee, seorang ahli fisika di lembaga penelitian CERN yang berlokasi di Swiss.Versi pertama HTML dirilis oleh Tim Berners Lee pada tahun 1991, yang memiliki 18 tag. Sejak saat itu, setiap kali ada versi barunya, pasti akan selalu ada tag dan attribute (tag modifier) yang juga baru.
Ketika bekerja dengan bahasa markup ini, Anda menggunakan struktur kode sederhana (tag dan attribute) untuk mark up halaman website. Misalnya, Anda membuat sebuah paragraf dengan menempatkan enclosed text di antara tag pembuka <p> dan tag penutup </p>.
Berkat popularitasnya yang terus meningkat, bahasa markup ini kini dianggap sebagai standar web resmi.Spesifikasi HTML dikelola dan dikembangkan oleh World Wide Web Consortium (W3C). Berdasarkan HTML Element Reference milik Mozilla Developer Network, saat ini ada 140 tag HTML, meskipun sebagiannya sudah tidak lagi didukung oleh beberapa versi terbaru browser.Kemudian, pada tahun 2014, HTML5 mulai diperkenalkan. Dengan diperkenalkannya HTML5, terdapat semantic baru seperti <footer>, <header>, <section>.
Tag HTML memiliki dua tipe utama: block-level dan inline tags.
Elemen block-level memakai semua ruang yang tersedia dan selalu membuat line baru di dalam dokumen. Contoh dari tag block adalah heading dan paragraf.
Elemen inline hanya memakai space sesuai dengan kebutuhannya dan tidak membuat line baru di halaman. Biasanya elemen ini akan memformat isi konten dari elemen block-level. Contoh dari tag inline adalah link dan emphasized strings.
Tag Block-Level.
Tiga tag block-level yang harus dimiliki oleh setiap dokumen HTML adalah <html>, <head>, dan <body>.
Tag <html></html> adalah elemen level tertinggi yang menyertakan setiap halaman HTML.
Tag <head></head> menyimpan informasi meta, seperti judul dan charset halaman.
Tag <body></body> melampirkan semua konten yang muncul pada suatu halaman.
Tag Inline
Sebagian besar tag inline digunakan untuk memformat teks. Sebagai contoh, tag <strong></strong> akan render elemen ke format bold, sedangkan tag <em></em> akan ditampilkan dalam format italic.
Hyperlink adalah elemen inline yang mewajibkan adanya tag <a></a> dan attribute href untuk mengindikasi tujuan link.
Sama seperti hal teknis lainnya dalam dunia web, bahasa markup ini juga punya kelebihan dan kekurangannya. Berikut kelebihan HTML:
Digunakan secara luas dan memiliki banyak sumber serta komunitas yang besar.
Dijalankan secara alami di setiap web browser.
Mudah dipelajari.Open-source dan sepenuhnya gratis.
Rapi dan konsisten.Menjadi standar resmi web, dikelola oleh (W3C).Integrasi mudah dengan bahasa backend, seperti PHP dan Node.js.
kekurangan HTML adalah:
Umumnya digunakan untuk halaman web statis. Untuk fitur dinamis, Anda bisa menggunakan JavaScript atau bahasa backend, seperti PHP.
Tidak bisa menjalankan logic. Alhasil, semua halaman web harus dibuat terpisah meskipun menggunakan elemen yang sama, seperti header dan footer.
Fitur baru tidak bisa digunakan dengan cepat di sebagian browser.
Perilaku browser terkadang sulit diprediksi. Misalnya, browser lama tidak selalu bisa merender tag yang lebih baru.
