Mengenal HTML: Dasar-Dasar Bahasa Pemrograman Web
Pengenalan HTML
HTML adalah dasar dari hampir semua halaman web di internet. Singkatnya, HTML memberikan struktur pada konten web. Setiap elemen dalam HTML diwakili oleh tag, yang memberi tahu browser bagaimana menampilkan konten tersebut.
Struktur Dasar HTML
Sebuah dokumen HTML biasanya dimulai dengan tag <html> dan diakhiri dengan tag </html>. Bagian utama dari dokumen HTML terdiri dari <head> dan <body>.
<!DOCTYPE html> <html> <head> <title>Judul Halaman</title> </head> <body> <h1>Selamat Datang di Situs Saya</h1> <p>Ini adalah paragraf pertama saya.</p> </body> </html>
Tag dan Elemen HTML
HTML memiliki berbagai tag dan elemen untuk mengatur dan menampilkan konten. Beberapa tag umum termasuk <h1> untuk judul, <p> untuk paragraf, <a> untuk tautan, <img> untuk gambar, dan lainnya.
<h2>Subjudul</h2> <p>Ini adalah paragraf kedua.</p> <a href="https://www.contoh.com">Tautan Contoh</a> <img src="gambar.jpg" alt="Deskripsi Gambar">
Mendesain Halaman dengan CSS
Meskipun HTML memberikan struktur, penampilan dan tata letak halaman web didefinisikan oleh CSS (Cascading Style Sheets). Anda dapat menambahkan CSS ke dalam HTML menggunakan tag <style> atau menyimpannya dalam file terpisah.
<head> <style> body { font-family: Arial, sans-serif; background-color: #f0f0f0; } h1 { color: #333; } p { margin-bottom: 20px; } </style> </head>
Menyematkan Script dengan JavaScript
Untuk menambahkan interaktivitas pada halaman web, Anda dapat menggunakan JavaScript. JavaScript memungkinkan Anda untuk mengolah data, menanggapi peristiwa, dan memanipulasi elemen HTML.
<body> <h1 id="judul">Judul Halaman</h1> <script> document.getElementById("judul").innerHTML = "Salam dari JavaScript!"; </script> </body>
Kesimpulan
HTML merupakan fondasi dari setiap halaman web. Dengan memahami dasar-dasar HTML, Anda dapat membuat dan mengelola konten web dengan lebih efektif. Untuk mencapai desain yang menarik, kombinasikan HTML dengan CSS, dan untuk interaktivitas tambahkan JavaScript ke dalam halaman Anda. Dengan begitu, Anda akan memiliki dasar yang kokoh untuk membangun pengalaman web yang kaya dan menarik.
0 komentar:
Posting Komentar