Apa itu HTML?
HTML adalah singkatan dari Hyper Text Markup Language. HTML adalah bahasa yang di
gunakan untuk membuat halaman website. Dengan HTML, kita bisa membuat teks, gambar, t
ombol dan masih banyak lagi.
Struktur Dasar HTML
HTML memiliki kerangka dasar seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Halo Word!</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
Penjelasan:
<!DOCTYPE html>: Memberitahu komputer bahwa ini adalah dokumen HTML.
<html>: Awal dari kode HTML.
<head>: Tempat untuk informasi tentang halaman (seperti judul) -> sbg kepala html
<title>: Judul halaman (terlihat di tab browser).
<body>: Tempat menulis semua yang ingin kita tampilkan di halaman.
Elemen Dasar HTML
Berikut adalah elemen-elemen HTML yang mudah dipahami untuk pemula:
1. Heading (Judul)
Heading digunakan untuk membuat judul pada halaman. Ada 6 level heading dari <h1> (palin
g besar) hingga <h6> (paling kecil).
<h1>Judul Besar</h1>
<h2>Judul Sedang</h2>
<h3>Judul Kecil</h3>
2. Paragraf
Paragraf digunakan untuk menulis teks biasa.
<p>Ini adalah sebuah paragraf.</p>
3. Gambar
Untuk menampilkan gambar, gunakan elemen <img>.
<img src="[Link] alt="Logo W
3Schools" width="200">
Penjelasan:
src: Alamat gambar.
alt: Teks yang muncul jika gambar tidak bisa ditampilkan.
width: Lebar gambar.
4. Tautan (Link)
Tautan digunakan untuk menuju ke halaman lain.
<a href="[Link] W3Schools</a>
5. Daftar
Daftar tidak berurutan (bullet points):
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
Daftar berurutan (angka):
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
Contoh Sederhana
Berikut adalah contoh halaman web sederhana:
<!DOCTYPE html>
<html>
<head>
<title>Halaman Saya</title>
</head>
<body>
<h1>Selamat Datang!</h1>
<p>Ini adalah website pertama saya. Saya belajar HTML di W3Schools.</p>
<img src="[Link] alt="Lo
go W3Schools" width="150">
<p>Klik tautan di bawah ini untuk belajar lebih banyak:</p>
<a href="[Link] HTML di W3Schools</a>
</body>
</html>
LETS TRAY!!
Open
[Link]