Hallo Sobat Mikir,
HTML (Hypertext Markup Language) adalah bahasa markup standar yang digunakan untuk membangun dan merancang halaman web. HTML memberikan struktur dasar untuk konten web, memungkinkan pengguna untuk menyusun teks, gambar, hyperlink, formulir, dan elemen-elemen lainnya ke dalam halaman yang dapat diakses melalui internet.
Struktur Dasar HTML
Dalam HTML, dokumen web diatur melalui serangkaian elemen dan tag. Setiap elemen memiliki fungsi tertentu dan membentuk struktur dasar dokumen HTML. Berikut adalah contoh struktur dasar HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Judul Halaman</title> </head> <body> <h1>Selamat Datang di Situs Saya</h1> <p>Ini adalah paragraf pertama dalam dokumen HTML saya.</p> </body> </html>
<!DOCTYPE html>: Mendefinisikan versi HTML yang digunakan (HTML5).
<html>: Memulai dan mengakhiri elemen HTML.
<head>: Berisi informasi meta dan pengaturan halaman.
<meta charset="UTF-8">: Menetapkan pengaturan karakter dokumen ke UTF-8.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Mengatur tampilan halaman agar responsif pada perangkat berbeda.
<title>: Menetapkan judul halaman yang akan ditampilkan di tab peramban.
<body>: Berisi konten utama halaman, seperti teks, gambar, dan elemen lainnya.
Elemen Dasar HTML
<h1>, <h2>, ..., <h6>: Menetapkan tingkat heading (judul) pada halaman.
<p>: Membuat paragraf teks.
<a href="URL">: Membuat hyperlink ke halaman atau sumber eksternal.
<img src="gambar.jpg" alt="Deskripsi Gambar">: Menyisipkan gambar dengan deskripsi alternatif.
<ul> dan <ol>: Membuat daftar tak berurutan (bullet) atau berurutan (number).
<li>: Menetapkan item dalam daftar.
Contoh Penggunaan
Menambahkan Teks dan Gambar
<h2>Selamat datang di Blog Saya</h2> <p>Ini adalah tempat di mana saya berbagi pengalaman dan pengetahuan saya.</p> <img src="sunset.jpg" alt="Senja Indah"> ### Menambahkan Hyperlink <a href="https://www.contohweb.com">Kunjungi Contoh Web</a> ### Membuat Daftar <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <ol> <li>Langkah 1</li> <li>Langkah 2</li> <li>Langkah 3</li> </ol>
HTML memberikan dasar yang diperlukan untuk merancang halaman web yang interaktif dan informatif. Dengan memahami struktur dasar dan elemen-elemen HTML, Anda dapat memulai perjalanan Anda dalam membangun konten web yang menarik dan fungsional.