Memulai Belajar HTML – Dasar-Dasar yang Perlu Kamu Tahu
Pada artikel ini, kita akan mempelajari dasar-dasar HTML yang perlu kamu ketahui untuk mulai membuat halaman web sederhana.
1. Apa Itu HTML? HTML adalah singkatan dari Hypertext Markup Language. Bahasa ini digunakan untuk menyusun dan memberi struktur pada halaman web. HTML bukan bahasa pemrograman, melainkan bahasa markup yang terdiri dari tag atau elemen untuk membuat konten.
2. Struktur Dasar Dokumen HTML
Setiap dokumen HTML memiliki struktur dasar yang terlihat seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Selamat Datang di Dunia HTML</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
<!DOCTYPE html>: Menandakan bahwa dokumen ini adalah HTML5.
<html>: Elemen utama yang membungkus seluruh konten halaman.
<head>: Bagian ini berisi informasi meta, judul halaman, dan link CSS atau JavaScript.
<title>: Menentukan judul yang muncul di tab browser.
<body>: Di sinilah semua konten terlihat, seperti teks, gambar, dan lainnya.
3. Tag Dasar HTML
Berikut adalah beberapa tag HTML dasar yang akan sering kamu gunakan:
<h1> sampai <h6>: Untuk judul atau heading, di mana <h1> adalah yang paling besar dan <h6> yang paling kecil.
<p>: Untuk membuat paragraf.
<a href="">: Untuk membuat tautan.
<a href="https://example.com">Klik di sini</a>
<img src="" alt="">: Untuk menambahkan gambar.
<img src="gambar.jpg" alt="Gambar Deskripsi">
4. Membuat Halaman HTML Pertama Kamu
Cobalah untuk membuat file HTML dengan struktur sederhana berikut dan lihat hasilnya di browser:
<!DOCTYPE html>
<html>
<head>
<title>Halaman HTML Pertama</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>Ini adalah halaman HTML pertama saya!</p>
</body>
</html>
Simpan file ini dengan nama index.html, lalu buka di browser. Kamu akan melihat "Hello, World!" tampil sebagai judul besar, diikuti dengan paragraf di bawahnya.
Kesimpulan
HTML adalah dasar dari semua halaman web yang kita lihat di internet. Dengan menguasai HTML, kamu dapat membuat struktur dasar untuk website dan mempersiapkan diri untuk belajar lebih lanjut tentang CSS dan JavaScript untuk mempercantik tampilan dan memberikan interaksi.
Jangan lupa untuk berlatih membuat halaman sederhana dengan berbagai elemen HTML. Pada artikel selanjutnya, kita akan membahas CSS, yang memungkinkan kamu untuk memberi gaya pada halaman HTML yang telah dibuat.
Semoga artikel ini membantu kamu untuk memulai perjalanan belajar HTML. Selamat mencoba, dan sampai jumpa di artikel berikutnya!
Post a Comment for "Memulai Belajar HTML – Dasar-Dasar yang Perlu Kamu Tahu"