Elemen
HTML
Lanjutan
Pemrograman Web – Pertemuan 2
Wiga Maulana Baihaqi, [Link]., [Link].
Pendahuluan
• HTML (HyperText Markup
Language) adalah bahasa
markup untuk membuat
struktur halaman web.
• Elemen HTML disebut
juga "tag", yang
menentukan konten dan
tampilan web.
<!DOCTYPE html>
<html>
<head>
Struktur <title>Judul Halaman</title>
Dasar </head>
HTML <body>
<h1>Halo, dunia!</h1>
</body>
</html>
Setiap dokumen HTML memiliki struktur dasar
dengan tag <html>, <head>, dan <body>.
Elemen Teks
• <h1> - <h6>: Heading atau judul.
• <p>: Paragraf.
• <strong>: Teks tebal.
• <em>: Teks miring.
• <br>: Baris baru.
• <a> digunakan untuk membuat
tautan ke halaman lain.
• <a
href="[Link]
">Website Amikom</a>
Elemen Tautan (Hyperlink)
• <img> digunakan untuk menampilkan gambar.
• Atribut utama: src (sumber
gambar), alt (deskripsi gambar).
• <img src="[Link]" alt="Deskripsi
gambar">
Elemen Gambar
Elemen Vidio
• <video> digunakan untuk menampilkan
video.
<video controls>
<source src="video.mp4” type="video/mp4">
</video>
Elemen Tabel
• <table> digunakan untuk menampilkan data dalam
bentuk tabel.
• <tr> (baris), <th> (judul kolom), <td> (data sel).
<table border="1">
<tr>
<th>Nama</th>
<th>Usia</th>
Elemen </tr>
Tabel <tr>
<td>Ani</td>
<td>20</td>
</tr>
</table>
Elemen Daftar (List)
• Ordered List (<ol>): Daftar berurut.
• Unordered List (<ul>): Daftar tidak berurut.
• List Item (<li>): Item dalam daftar.
<ul> <oll>
<li>HTML</li> <li>HTML</li>
<li>CSS</li> <li>CSS</li>
<li>JavaScript</li> <li>JavaScript</li>
</ul> </ol>
Elemen Daftar (List)
Analisa Web Di bawah ini
Pada halaman web di bawah ini terdapat tag HTML apa
saja?
• [Link]
muslim-terbanyak-di-dunia-2025-indonesia-nomor-1-jLsPi
• [Link]
Penutup
• HTML adalah dasar dalam pembuatan web.
• Pemahaman elemen HTML membantu dalam
membangun halaman yang terstruktur dengan baik.
• Terus latihan dan eksplorasi lebih lanjut.
"The best preparation for good
work tomorrow is to do good
work today." - Elbert Hubbard
Please download and install the
Slido app on all computers you use
Berikan 1 kata untuk
materi Pemrograman Web
kali ini
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Apa fungsi utama dari tag
<h1> dalam HTML?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Tag manakah yang
digunakan untuk
menampilkan gambar
dalam HTML?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Atribut apa yang digunakan
untuk menentukan sumber
gambar dalam tag <img>?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Apa fungsi dari tag <a>
dalam HTML?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Manakah di bawah ini yang
merupakan contoh kode
hyperlink yang benar?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Tag <table> dalam HTML
digunakan untuk?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Apa fungsi dari atribut alt
dalam tag <img>?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Tag manakah yang digunakan
untuk membuat daftar tidak
berurut (unordered list)?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Bagaimana cara
menampilkan video di
halaman web
menggunakan HTML?
ⓘ Start presenting to display the poll results on this slide.
Please download and install the
Slido app on all computers you use
Apa yang terjadi jika kita
menulis <br> dalam HTML?
ⓘ Start presenting to display the poll results on this slide.
