intro html
HTML, singkatan dari Hypertext Markup Language, adalah bahasa markup standar yang digunakan untuk membangun dan merancang halaman web. HTML berfungsi sebagai kerangka dasar untuk menyusun konten dan struktur halaman web, serta memberikan instruksi kepada browser tentang cara menampilkan elemen-elemen tersebut.
Berikut adalah beberapa informasi penting mengenai HTML:
Struktur Dasar: Setiap dokumen HTML dimulai dengan elemen <html> yang menandakan awal dokumen. Kemudian, elemen <head> digunakan untuk menyertakan informasi meta seperti judul halaman, penghubung ke file CSS atau JavaScript, dan lainnya. Elemen <body> berisi konten yang akan ditampilkan di halaman web.
Contoh:
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Contoh Halaman Web</h1>
<p>Ini adalah paragraf.</p>
</body>
</html>
Elemen dan Tag: HTML menggunakan elemen atau tag untuk mengelompokkan dan mendefinisikan konten. Setiap elemen dimulai dengan tag pembuka dan diakhiri dengan tag penutup. Beberapa elemen juga dapat memiliki atribut yang memberikan informasi tambahan.
Contoh:
html
Copy code
<h1>Ini adalah judul utama</h1>
<p class="teks-miring">Ini adalah paragraf dengan teks miring.</p>
<a href="https://www.example.com">Ini adalah tautan</a>
Atribut: Atribut memberikan informasi tambahan tentang elemen dan didefinisikan di dalam tag pembuka. Atribut umum seperti class, id, dan href digunakan untuk memberikan identitas, gaya, dan tautan terhadap elemen.
Contoh:
html
Copy code
<p class="teks-merah">Ini adalah paragraf dengan teks berwarna merah.</p>
<img src="gambar.jpg" alt="Gambar Deskripsi">
Penggunaan CSS dan JavaScript: HTML bekerja sama dengan CSS (Cascading Style Sheets) untuk mengatur tampilan dan gaya halaman web, serta dengan JavaScript untuk menambahkan interaktivitas dan fungsionalitas.
Contoh:
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<h1>Contoh Halaman Web</h1>
<p>Ini adalah paragraf.</p>
<script>
// Kode JavaScript di sini
</script>
</body>
</html>
