Mengenal HTML: Fondasi Dasar Pembentuk Website
HTML (HyperText Markup Language) merupakan fondasi utama dalam pembuatan sebuah website. Hampir semua halaman yang kita akses di internet…
Mengenal HTML: Fondasi Dasar Pembentuk Website
Ilustrasi struktur code dasar html
HTML (HyperText Markup Language) merupakan fondasi utama dalam pembuatan sebuah website. Hampir semua halaman yang kita akses di internet dibangun menggunakan HTML sebagai kerangka dasarnya. Oleh karena itu, memahami HTML adalah langkah awal yang sangat penting bagi siapa pun yang ingin belajar pengembangan web.
APA ITU HTML?
HTML adalah bahasa markup standar yang digunakan untuk membuat dan menyusun struktur halaman web. Perlu diketahui bahwa HTML bukan bahasa pemrograman, melainkan bahasa markup yang berfungsi untuk menandai dan mengatur elemen-elemen pada halaman web, seperti teks, gambar, tabel, dan tautan.
CONTOH TAG HTML DASAR
- <!DOCTYPE html>: Digunakan untuk mendeklarasi jenis dokumen. Pada HTML5, deklarasi ini wajib ditulis.
- <html>: Merupakan elemen akar (root) dari seluruh dokumen HTML.
- <head>: Berisikan informasi meta tentang halaman, seperti judul, encoding, dan metadata.
- <title>: Menentukan judul halaman yang akan muncul di tab browser.
- <body>: Berisi seluruh konten yang ditampilkan dihalaman web, seperti teks, gambar, hyperlink, tabel dan elemen lainnya.
APA ITU ELEMEN HTML?
Elemen HTML didefinisikan oleh tag pembuka, konten, dan tag penutup. contohnya:
<tagname>Konten disini</tagname>
Semua bagian dari tag pembuka hingga tag penutup disebut sebagai elemen HTML
Contoh elemen html
- Tag <h1> digunakan untuk judul utama.
- Tag <h6> digunakan untuk subjudul dengan tingkat kepentingan paling rendah.
NOTE:
Tag <br> (singkatan dari break) digunakan untuk membuat jeda baris atau enter secara paksa tanpa membuat paragraf baru. Tag ini tidak memiliki tag penutup dan sering digunakan untuk memisahkan baris teks.
INPUT:
Penerapan break dalam code
OUTPUT:
Output non-break vs break
HTML BERSARANG
Elemen HTML dapat bersarang, artinya sebuah elemen dapat berisi elemen lain di dalamnya. Hampir semua dokumen HTML tersusun dari elemen-elemen yang saling bersarang.
contoh 4 elemen HTML
- Elemen <html> sebagai akar dokumen.
- Didalamnya terdapat <body>.
- Didalam <body> terdapat <h1> & <p>.
Setiap elemen memiliki tag pembuka dan tag penutup yang saling berpasangan, sehingga struktur dokumen tetap rapi dan mudah dipahami.
PENUTUP
HTML mungkin terlihat sederhana, tetapi dari sinilah semua website bermula. Dengan memahami struktur dasar, tag, dan elemen HTML, kamu sudah memiliki pondasi penting untuk melangkah ke tahap pengembangan web selanjutnya. Pada artikel ini saya hanya menjelaskan beberapa elemen paling dasar HTML.
메타데이터
- post_id
- 90f27fe2d5cf
- slug
- mengenal-html-fondasi-dasar-pembentuk-website-90f27fe2d5cf
- url
- https://medium.com/@f4aris/mengenal-html-fondasi-dasar-pembentuk-website-90f27fe2d5cf
- canonical_url
- https://medium.com/@f4aris/mengenal-html-fondasi-dasar-pembentuk-website-90f27fe2d5cf
- author_url
- https://medium.com/@f4aris
- status
- ok
- fetched_at
- 2026-06-22 05:41:33
