Pengenalan HTML
HTML adalah bahasa pemrograman dasar yang digunakan untuk
membangun struktur dan konten web. HTML adalah tulang punggung
website.
Struktur Dasar Halaman HTML
1 DOCTYPE
Deklarasi tipe dokumen HTML yang digunakan.
2 HTML
Tag pembuka dan penutup HTML.
3 HEAD
Bagian metadata, seperti judul, deskripsi, dan stylesheet.
4 BODY
Konten utama halaman web yang terlihat oleh pengguna.
Elemen dan Tag HTML
1 Tag Pembuka dan 2 Atribut
Penutup Atribut tambahan yang
Setiap elemen HTML memiliki memberikan informasi lebih
tag pembuka dan penutup, lanjut tentang elemen, seperti
seperti <p> dan </p>. id, class, dan src.
3 Elemen Bersarang 4 Elemen Kosong
Elemen dapat bersarang di Elemen tertentu tidak
dalam elemen lain untuk memerlukan tag penutup,
mengatur hierarki konten. seperti <br> dan <img>.
Atribut dalam HTML
id class src
Memberikan identitas unik untuk Menyatukan elemen dengan atribut Menentukan sumber file, seperti
elemen, berguna untuk styling dan yang sama, berguna untuk styling dan gambar, video, atau audio.
JavaScript. JavaScript.
Heading dan Paragraf
Heading Paragraf
Menampilkan judul atau Menampilkan teks paragraf,
subjudul dengan berbagai level, memberikan pemisah logis
dari H1 hingga H6. antara teks.
Format Teks
Tag <strong>, <em>, <br>, dan <hr> untuk format teks.
Tautan dan Gambar
Tautan
1 Tag <a> digunakan untuk membuat tautan ke halaman web
lain.
Gambar
2 Tag <img> digunakan untuk menampilkan gambar di halaman
web.
Atribut Tautan
3 Atribut href menentukan URL tautan.
Atribut Gambar
4 Atribut src menentukan URL gambar.
Tabel dan Daftar
Tabel Daftar
Mengatur data dalam baris dan Menampilkan kumpulan item
kolom. dalam urutan tertentu.
Tag <table>, <tr>, dan <td>. Tag <ul> untuk daftar tidak
berurutan dan <ol> untuk daftar
berurutan.
Latihan dan Sumber Belajar
Buku Website
Buku HTML untuk pemula, seperti Website tutorial HTML, seperti
"HTML & CSS: Design and Build W3Schools dan Codecademy.
Websites" oleh Jon Duckett.
Video Praktik
Video tutorial HTML di YouTube, Praktik membuat halaman HTML
seperti channel [Link] sederhana, seperti halaman profil
dan Traversy Media. dan portofolio.