Belajar HTML #1: Pengenalan HTML
Hai, gimana kabarnya? Kali ini, kita mulai dari dasar banget, yaitu HTML. Kalau kamu pernah dengar istilah ini, HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa standar yang digunakan untuk membuat kerangka sebuah halaman web.
Apa Itu HTML?
HTML adalah fondasi utama sebuah website. Bayangkan sebuah bangunan: HTML adalah rangkanya. Dengan HTML, kamu bisa:
- Menambahkan teks
- Memasukkan gambar
- Membuat tautan
- Dan mengatur elemen lainnya di halaman web
Format HTML terdiri dari tag. Tag ini biasanya berpasangan, misalnya untuk paragraf:
Setiap pasangan tag punya:
- Opening tag:
- Closing tag:
- Isi di dalamnya, yaitu teks atau elemen lainnya.
Struktur Dasar HTML
Setiap dokumen HTML punya struktur seperti ini:
Penjelasan:
: Memberitahu browser bahwa ini adalah dokumen HTML5.: Elemen utama yang menampung semua konten.: Tempat informasi metadata, seperti judul halaman.</code></strong>: Teks yang muncul di tab browser.</li> <li><strong><code><body></code></strong>: Semua konten yang akan terlihat di halaman web.</li> </ol> <hr> <h4>Praktik Langsung</h4> <p>Sekarang, yuk coba bikin file HTML sederhana:</p> <ol> <li> <p>Buka teks editor favoritmu (Notepad, VS Code, atau Sublime).</p> </li> <li> <p>Ketikkan kode berikut:</p> <div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950"> <div class=""> <pre data-language="html"><!DOCTYPE html> <html> <head> <title>Belajar HTML Selamat Datang di Dunia HTML
Ini adalah langkah pertama kamu dalam belajar membuat website!
Simpan file tersebut dengan nama index.html.
Buka file tersebut di browser (cukup klik dua kali file-nya).
Tada! Kamu baru saja membuat halaman web pertama! ?
Tantangan untuk Kamu
- Ganti teks di tag
dandengan kalimat kamu sendiri. - Tambahkan satu paragraf lagi dengan tag
.
Sekian dulu pengenalan tentang HTML. Artikel ini adalah langkah awal yang penting sebelum kamu lanjut ke tutorial berikutnya di www.code80vity.com. Jangan lupa coba praktiknya, ya! ?
Tutorial Terkait
Belajar HTML #6: Membuat Formulir di HTML
Halo teman-teman! Semoga kalian semua sehat dan semangat belajar. Kali ini kita akan bahas sesuatu y...
Belajar HTML #5: Cara Menambahkan Gambar dan Tautan di HTML
Hai lagi! Gimana belajarnya? Semoga makin lancar, ya. Kali ini kita akan bahas cara membuat tabel di...
Belajar HTML #4: Cara Menambahkan Gambar dan Tautan di HTML
Halo lagi! Kali ini kita bakal bahas tentang daftar atau list di HTML. Kalau kamu pernah lihat websi...