HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web dan aplikasi web. HTML memungkinkan pengguna untuk menentukan struktur, tata letak, dan konten dari sebuah dokumen web menggunakan serangkaian elemen dan atribut yang dapat dipahami oleh browser web. Dalam HTML, elemen digunakan untuk mengidentifikasi dan menentukan jenis konten yang akan ditampilkan pada halaman web, seperti teks, gambar, video, tabel, dan formulir. HTML juga digunakan untuk membuat hyperlink yang menghubungkan halaman web satu dengan yang lainnya, serta untuk mengatur tampilan dan format dokumen dengan menggunakan stylesheet CSS. Dalam pengembangan web modern, HTML sering digunakan bersama dengan bahasa scripting seperti JavaScript untuk membuat aplikasi web interaktif dan dinamis.
Berikut ini adalah contoh lengkap source code HTML untuk sebuah halaman web sederhana yang terdiri dari judul, gambar, dan beberapa elemen teks:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Halaman Web Sederhana</title>
</head>
<body>
<h1>Selamat Datang di Halaman Web Sederhana Kami</h1>
<img src="https://via.placeholder.com/150" alt="Contoh Gambar">
<p>Ini adalah contoh paragraf dalam halaman web.</p>
<h2>Sub Judul 1</h2>
<p>Ini adalah contoh teks di bawah sub judul 1.</p>
<h2>Sub Judul 2</h2>
<ul>
<li>Item daftar 1</li>
<li>Item daftar 2</li>
<li>Item daftar 3</li>
</ul>
<p>Ini adalah contoh teks di bawah sub judul 2.</p>
</body>
</html>
Penjelasan singkat untuk setiap elemen HTML pada contoh di atas adalah sebagai berikut:
<!DOCTYPE html>: mendefinisikan tipe dokumen HTML.
<html>: menandai awal dan akhir dokumen HTML.
<head>: menandai bagian kepala dokumen yang berisi informasi-informasi seperti judul halaman web.
<title>: menandai judul halaman web yang akan ditampilkan di tab browser.
<body>: menandai bagian tubuh dokumen yang berisi semua konten halaman web.
<h1>: menandai judul utama halaman web.
<img>: menampilkan gambar pada halaman web.
src: atribut yang menentukan sumber gambar.
alt: atribut yang menentukan teks alternatif untuk gambar (akan ditampilkan jika gambar tidak dapat dimuat).
<p>: menandai paragraf pada halaman web.
<h2>: menandai sub judul pada halaman web.
<ul>: menandai daftar tak-berurutan pada halaman web.
<li>: menandai setiap item dalam daftar tak-berurutan.
Catatan: Contoh di atas hanya bersifat sederhana dan belum termasuk CSS atau JavaScript untuk mengatur tampilan dan interaktivitas halaman web.
Komentar
Posting Komentar