Pengertian HTML
HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membangun dan merancang halaman web. Dengan menggunakannya, sebuah halaman web dapat diatur secara struktural dan konten dapat diatur agar dapat diakses dengan mudah oleh peramban web. Bahasa markup bekerja dengan menggunakan tag dan atribut yang memungkinkan pengguna untuk mengatur tata letak, teks, gambar, tautan, video, dan elemen lainnya dalam sebuah dokumen.
Untuk membuat dokumen bahasa markup, kita hanya memerlukan sebuah text editor biasa seperti Notepad atau Wordpad, yang merupakan program standar bawaan dari Windows. Selanjutnya, dapat mengetikkan kode bahasa markup di dalamnya dan menyimpannya dengan akhiran (ekstensi) .htm atau .html. Setelah file telah disimpan, bisa membukanya dengan browser seperti Mozilla, Opera, atau Internet Explorer untuk melihat tampilan halaman web yang telah dibuat.
HTML dijuluki sebagai Markup Language karena di dalam teksnya terdapat tag-tag khusus yang digunakan untuk mengatur tampilan teks dan menentukan tingkat kepentingan teks dalam sebuah dokumen.
Struktur Dasar HTML
Penjelasan :
- Doctype adalah kode yang mengindikasikan bahwa dokumen tersebut adalah halaman HTML. Fungsinya adalah memberitahu peramban (browser) bahwa kode yang akan dijalankan adalah kode bahasa markup.
- html berfungsi sebagai pembuka dan penutup dari keseluruhan dokumen bahasa markup. Semua elemen bahasa markup diletakkan di antara tag ini.
- head biasanya berisi elemen-elemen yang tidak terlihat pada halaman web, seperti pemanggilan CSS, pembuatan judul website, favicon, dan lainnya. Semua konten di dalam tag head tidak akan ditampilkan di peramban.
- Sebaliknya, tag body pada bahasa markup berisi elemen-elemen yang akan ditampilkan di halaman web. Ini termasuk paragraf, gambar, dan elemen-elemen lain yang akan terlihat oleh pengguna saat halaman web dibuka di peramban.
Tag HTML
Tag HTML adalah elemen-elemen yang digunakan untuk memberi tahu peramban bagaimana cara merender dan menampilkan konten di halaman web. Beberapa tag bahasa markup umum meliputi:
Berikut adalah beberapa tag bahasa markup yang umum dan singkat beserta deskripsi singkatnya:
- <html>: Menandai awal dan akhir dari dokumen HTML.
- <head>: Berisi informasi meta tentang dokumen, seperti judul, link ke stylesheet, dll.
- <title>: Menentukan judul halaman yang akan ditampilkan di bilah judul browser.
- <body>: Berisi konten utama dokumen yang akan ditampilkan di halaman web.
- <h1> – <h6>: Mendefinisikan heading (judul) dengan tingkat prioritas berbeda.
- <p>: Menandai paragraf teks.
- <a>: Membuat tautan (link) ke halaman atau sumber lain.
- <img>: Menyisipkan gambar ke dalam halaman menggunakan URL gambar.
- <ul>, <ol>, <li>: Membuat daftar tak berurutan (unordered) atau berurutan (ordered) dengan item daftar.
- <div>: Mengelompokkan elemen-elemen bahasa markup untuk diberikan gaya atau perilaku tertentu.
- <span>: Serupa dengan <div>, tetapi untuk kelompok teks atau elemen inline.
- <input>: Membuat bidang input seperti teks, checkbox, atau tombol.
- <form>: Fungsinya form untuk mengumpulkan input pengguna.
- <button>: Berfungsi agar bisa tombol dapat diklik.
- <table>, <tr>, <td>: Membuat tabel dengan baris dan sel data.
Contoh Kode HTML
Berikut adalah contoh sederhana dari kode HTML:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Halaman Web</title>
</head>
<body>
<h1>Selamat Datang di Contoh Halaman Web!</h1>
<p>Ini adalah contoh halaman web sederhana menggunakan bahasa markup.</p>
<img src="gambar.jpg" alt="Contoh Gambar">
<a href="https://www.contohweb.com">Kunjungi ContohWeb.com</a>
</body>
</html>Dengan menggunakan kode HTML di atas, dapat membuat halaman web sederhana dengan judul, teks, gambar, dan tautan.
.