Pengenalan HTML
HTML (Hypertext Markup Language) adalah bahasa markah yang digunakan untuk membuat struktur dasar sebuah halaman web. Dengan HTML, kita dapat menentukan konten, tautan, gambar, dan elemen-elemen lainnya yang akan ditampilkan di halaman web.
HTML terdiri dari serangkaian elemen atau "tags" yang menandakan fungsi atau arti dari bagian-bagian tertentu di dalam halaman web. Setiap tag HTML dibungkus oleh tanda kurung siku < >, dan sebagian besar tag memiliki pasangan tag penutup yang sama dengan tanda garis miring di depan tag penutup, misalnya </>.
Contoh Kode HTML Sederhana:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contoh Halaman HTML</title>
</head>
<body>
<h1>Selamat Datang di Dunia HTML</h1>
<p>Ini adalah sebuah paragraf sederhana dalam HTML. Anda dapat menambahkan konten apapun di sini.</p>
<a href="https://www.contohlink.com">Ini adalah contoh tautan</a>
<img src="gambar.jpg" alt="Ini adalah contoh gambar">
</body>
</html>Penjelasan singkat tentang kode di atas:
<!DOCTYPE html>: Mendefinisikan tipe dokumen sebagai dokumen HTML5.<html lang="en">: Mulai elemen HTML dan menentukan bahasa dokumen (dalam hal ini bahasa Inggris).<head>: Bagian kepala dokumen yang berisi meta-informasi tentang dokumen, seperti karakter set, viewport, dan judul halaman.<meta charset="UTF-8">: Mendefinisikan set karakter dokumen sebagai UTF-8.<meta name="viewport" content="width=device-width, initial-scale=1.0">: Mengatur tampilan halaman agar sesuai dengan lebar perangkat dan skala awal.<title>Contoh Halaman HTML</title>: Menetapkan judul halaman.<body>: Bagian utama dari dokumen HTML yang berisi konten yang akan ditampilkan di halaman web.<h1>,<p>,<a>,<img>: Contoh dari beberapa elemen HTML yang umum digunakan untuk judul, paragraf, tautan, dan gambar.href="https://www.contohlink.com": Atributhrefpada elemen tautan (<a>) menentukan URL yang akan dihubungkan.src="gambar.jpg": Atributsrcpada elemen gambar (<img>) menentukan sumber gambar.
Pengenalan HTML menjadi langkah awal yang penting dalam mempelajari pengembangan web, karena ini adalah fondasi dari setiap situs web yang kita lihat di internet. Dalam modul ini, kita akan membahas berbagai tag HTML, struktur dasar sebuah dokumen HTML, serta konsep-konsep dasar dalam pembuatan halaman web yang efektif dan efisien. Yuk mulai memahami HTML lebih dalam!
Last updated