page 01

HTML (HyperText Markup Language): Bahasa markup standar untuk

membuat halaman web.
Bukan bahasa pemrograman, tetapi memberi tahu browser cara
menampilkan konten (teks, gambar, video, dll.).
Analogi: HTML seperti kerangka bangunan atau daftar isi buku.
Fungsi: Memberikan struktur pada halaman web.

page 02
Definisi: "Kata kunci" dalam kurung sudut < > untuk menandai jenis konten atau
fungsi.

page 04
Berpasangan: Tag pembuka <tag> dan penutup </tag>.
Contoh: <p>Ini paragraf</p>
Kosong (Self-closing): Tidak perlu tag penutup.
Contoh: <br>, <img>, <input>

page 04
page 06
1. tag Umum
<b> : Menebalkan teks (bold)
<u> : Memberi garis bawah (underline)
<i> : Memiringkan teks (italic)
<p> : Membuat paragraf baru
<br> : Pindah baris (line break)

2. Tag Link
<a href> </a>

page 07
page 06
page 06
1. Tabel
Tabel digunakan untuk menampilkan data
dalam baris dan kolom.
table> : Membuat tabel
<tr> : Baris tabel (table row)
<td> : Kolom (table data)
<th> : Kolom judul (table header)

Atribut penting:
2.
colspan→ Menggabungkan kolom
rowspan→ Menggabungkan baris

page 07
page 06
1.
list

<ul> : Unordered list

(bullet/lingkaran)
<ol> : Ordered list (bernomor)
<li> : Item dalam daftar

page 07
page 06
1.
form

<form> : Membuat form

<input> : Input teks, password,
email, dsb
<textarea> : Input teks panjang
<select> : Pilihan dropdown
<button> : Tombol submit

page 07
 1.
Form Type
Text → untuk menulis teks biasa (contoh: nama, alamat).
Password → untuk kata sandi, teksnya tersembunyi
dengan tanda bintang/dot.
Email → untuk alamat email, otomatis memvalidasi
format email.
Number → untuk angka saja (bisa diatur batas minimal
dan maksimal).
Date → memilih tanggal dengan kalender.
Time → memilih jam.
→
Datetime-local memilih tanggal + jam.
Radio → pilihan tunggal (misal: jenis kelamin).
Checkbox → pilihan lebih dari satu (misal: hobi).
File → untuk mengunggah file dari komputer/HP.
Tel → untuk nomor telepon.
URL → untuk alamat website.
Color → memilih warna dari palet.
Range → slider nilai (contoh: skala 0–100).
Hidden → input tersembunyi (tidak terlihat user, tapi
dikirim ke server).
Search → kolom pencarian, mirip text tapi ada ikon
bawaan.
→
page 07
Button/Submit/Reset tombol untuk aksi tertentu.
page 06
 1.
form

<img>: tag dasar image

2.
Attribute
src : Lokasi file gambar
width & height : Ukuran gambar
alt/alternatif: ketika gambar tidak muncul
maka akan muncul tulisan alternatif
tersebut
page 07
page 06
 Tag teks (<b>, <u>, <i>, <p>, <br>) digunakan untuk
memformat tulisan agar lebih mudah dibaca.
Hyperlink <a> dipakai untuk membuat tautan ke
halaman lain atau website eksternal.
Gambar <img> bisa ditampilkan di halaman web,
dengan ukuran diatur melalui atribut width dan
height.
Tabel <table> menampilkan data dalam baris (<tr>)
dan kolom (<td>), serta bisa digabung dengan
colspan dan rowspan.
Daftar <ul> dan <ol> membantu menampilkan poin
dalam bentuk bullet atau nomor.
Form <form> berfungsi menerima input dari
pengguna, seperti teks, email, password, pilihan
(radio, checkbox), dan tombol kirim.

page 07
page 10
 Apa fungsi tag <b> dalam HTML?
Sebutkan perbedaan antara tag <p> dan <br>.
Apa kegunaan atribut href pada tag <a>?
Apa peran atribut alt pada gambar <img>?
Apa perbedaan atribut width dan height pada gambar?
Jelaskan fungsi atribut colspan pada tabel.
Jelaskan fungsi atribut rowspan pada tabel.
Apa perbedaan antara tag <th> dan <td> dalam tabel?
Mengapa tag <ul> berbeda dengan <ol>? Jelaskan
dengan contoh sederhana.
Sebutkan dua perbedaan utama antara radio button dan
checkbox dalam form.
Mengapa semua radio button untuk satu pertanyaan
harus memiliki atribut name yang sama?
Apa fungsi tombol reset dalam form HTML?
Jelaskan peran tag <label> pada elemen form.
Mengapa dalam membuat formulir kita menggunakan
<form> bukan hanya <input> saja?
page 02
Berikan contoh situasi nyata di mana atribut rowspan
lebih tepat digunakan daripada colspan.