Bagaimana HTML Membangun Struktur Dasar Sebuah Halaman Web
HTML, singkatan dari HyperText Markup Language, merupakan bahasa pemrograman yang digunakan untuk membangun struktur dasar sebuah halaman web. Bahasa ini berperan sebagai kerangka dasar yang mendefinisikan konten, tata letak, dan elemen-elemen visual yang akan ditampilkan di browser pengguna.
Elemen HTML: Batu Bata Penghasil Struktur
HTML menggunakan elemen untuk menentukan struktur dan konten sebuah halaman web. Setiap elemen memiliki tag pembuka dan tag penutup. Tag pembuka diawali dengan tanda "<" dan diakhiri dengan tanda ">", sedangkan tag penutup memiliki tanda "/" sebelum nama tag.
Contoh: <p>Teks di dalam paragraf</p>
Contoh Elemen HTML:
<html>: Elemen paling atas yang menandai awal dan akhir dari sebuah dokumen HTML.<head>: Elemen yang berisi informasi tentang halaman, seperti judul, meta data, dan tautan CSS.<title>: Elemen yang menentukan judul halaman yang ditampilkan di tab browser.<body>: Elemen yang berisi konten utama yang ditampilkan di halaman web.<p>: Elemen yang menandai sebuah paragraf teks.<h1>sampai<h6>: Elemen yang menandai judul dengan enam tingkatan.<img>: Elemen yang digunakan untuk menampilkan gambar.<a>: Elemen yang digunakan untuk membuat link ke halaman web lain.<ul>dan<li>: Elemen untuk membuat daftar yang tidak terurut.<ol>dan<li>: Elemen untuk membuat daftar yang terurut.<table>: Elemen untuk membuat tabel.
Atribut: Mengatur Elemen
Atribut adalah sifat tambahan yang dapat ditambahkan ke elemen HTML untuk memberikan informasi lebih lanjut tentang elemen tersebut. Atribut ditulis di dalam tag pembuka, dipisahkan oleh tanda sama dengan (=) dan nilai di dalam tanda kutip (" ").
Contoh Atribut:
srcuntuk<img>: Menentukan URL gambar.hrefuntuk<a>: Menentukan URL link.altuntuk<img>: Menentukan teks alternatif yang ditampilkan jika gambar tidak dapat ditampilkan.styleuntuk elemen apa pun: Menentukan gaya CSS untuk elemen.
Cara Kerja HTML dalam Browser
Ketika browser web membuka sebuah halaman web yang berisi kode HTML, browser akan menginterpretasikan kode HTML dan membangun struktur halaman web berdasarkan elemen dan atribut yang didefinisikan.
Browser kemudian menampilkan halaman web kepada pengguna, lengkap dengan teks, gambar, dan elemen-elemen lain yang telah didefinisikan dalam kode HTML.
Kesimpulan
HTML merupakan bahasa pemrograman yang sederhana namun powerful untuk membangun struktur dasar sebuah halaman web. Dengan memahami elemen dan atribut HTML, Anda dapat membuat halaman web yang terstruktur dan mudah diakses oleh pengguna.
Ingatlah bahwa HTML hanya mengatur struktur dan konten halaman web. Untuk menambahkan gaya dan interaktivitas, Anda perlu mempelajari bahasa pemrograman lain seperti CSS dan JavaScript.