HTML atau HyperText Markup Language adalah bahasa yang digunakan untuk membuat struktur halaman web. HTML bekerja dengan cara menandai atau memberi label pada konten agar browser seperti Chrome, Firefox, atau Safari tahu bagaimana cara menampilkannya kepada pengguna.
HTML terdiri dari elemen-elemen. Setiap elemen ditulis menggunakan tag. Tag dibuka dengan tanda kurung sudut, misalnya <p> dan ditutup dengan tanda </p>. Sebagian besar tag memiliki pasangan seperti itu, walaupun ada juga yang tidak membutuhkan penutup, seperti <img>.
Setiap halaman HTML biasanya dimulai dengan deklarasi <!DOCTYPE html> untuk memberi tahu browser bahwa ini adalah dokumen HTML5. Setelah itu, seluruh isi halaman berada di dalam tag <html>.
Di dalam <html>, ada dua bagian utama, yaitu <head> dan <body>.
Bagian <head> berisi informasi yang tidak langsung terlihat oleh pengguna. Misalnya, <title> digunakan untuk memberi judul halaman yang muncul di tab browser. Di dalam <head> juga bisa ada link ke file CSS, meta tag, dan script JavaScript.
Bagian <body> adalah tempat semua konten utama halaman diletakkan. Di sinilah teks, gambar, video, link, tabel, form, dan lain-lain ditampilkan. Semua yang terlihat di halaman web berasal dari bagian <body> ini.
Beberapa elemen HTML yang sering digunakan:
- Tag
<h1>hingga<h6>digunakan untuk membuat judul atau heading.<h1>adalah yang paling penting dan paling besar ukurannya, sedangkan<h6>adalah yang paling kecil.
- Tag
<p>digunakan untuk membuat paragraf teks.
- Tag
<a>digunakan untuk membuat tautan atau hyperlink. Biasanya disertai atributhrefuntuk menunjukkan ke mana link tersebut akan menuju.
- Tag
<img>digunakan untuk menampilkan gambar. Diperlukan atributsrcuntuk menunjukkan sumber gambar danaltuntuk deskripsi alternatif.
- Tag
<ul>,<ol>, dan<li>digunakan untuk membuat daftar.<ul>membuat daftar tidak berurutan dengan bullet, sedangkan<ol>membuat daftar berurutan dengan angka. Masing-masing item ditulis dengan tag<li>.
- Tag
<div>dan<span>digunakan untuk mengelompokkan elemen.<div>biasanya untuk blok besar, sedangkan<span>digunakan di dalam baris teks. Keduanya sering digunakan untuk tujuan styling dengan CSS.
HTML versi terbaru adalah HTML5. HTML5 memperkenalkan elemen-elemen baru seperti <header>, <footer>, <article>, <section>, <nav>, dan lainnya. Elemen-elemen ini membuat struktur halaman lebih semantik, artinya lebih jelas maknanya bagi mesin pencari dan pembaca layar.
HTML juga mendukung penyematan media seperti video dan audio dengan tag <video> dan <audio> tanpa perlu plugin tambahan.
Secara keseluruhan, HTML adalah fondasi dari setiap halaman web. Dengan HTML, kamu bisa membuat struktur dasar halaman. Untuk membuat tampilannya menarik, kamu gunakan CSS. Dan untuk membuatnya interaktif, kamu tambahkan JavaScript.
