Tugas Pemrograman Web Pertemuan 3
PENGENALAN HML, CSS, JavaScript
HTML (Bahasa Markup Hiperteks)
HTML adalah bahasa markup yang digunakan untuk membuat struktur dan konten halaman web. Ini adalah dasar dari setiap situs web.
1. Pengenalan HTML:
HTML adalah singkatan dari Hypertext Markup Language.
Digunakan untuk membuat struktur dasar halaman web.
Memanfaatkan tag-tag (elemen) untuk mendefinisikan berbagai bagian dari halaman web.
2. Struktur Dasar HTML:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Judul Utama</h1>
<p>Ini adalah paragraf.</p>
</body>
</html>
3. Tag Utama HTML:
<html>: Mendefinisikan dokumen HTML.
<head>: Konten meta-informasi.
<title>: Judul halaman.
<body>: Isi halaman web.
CSS (Lembar Gaya Bertingkat)
CSS digunakan untuk memberikan gaya (style) kepada elemen HTML, membuat halaman web lebih menarik dan terstruktur.
1. Pengenalan CSS:
CSS adalah singkatan dari Cascading Style Sheets.
Digunakan untuk mengontrol tata letak, warna, font, dan gaya lainnya pada halaman web.
Memisahkan presentasi dari struktur HTML.
2. Penyertaan CSS:
Inline CSS: <p style="color: blue;">Ini adalah paragraf berwarna biru.</p>
Internal CSS: <style> p { color: blue; } </style>
External CSS: <link rel="stylesheet" type="text/css" href="style.css">
3. Contoh CSS:
/* style.css */
p {
color: blue;
font-size: 16px;
}
h1 {
color: green;
}
JavaScript
JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi interaktif.
1. Pengenalan JavaScript:
JavaScript adalah bahasa pemrograman tingkat tinggi.
Digunakan untuk mengontrol perilaku halaman web.
Dapat digunakan untuk membuat efek animasi, validasi formulir, mengubah konten halaman, dll.
2. Penyertaan JavaScript:
Inline JavaScript: <button onclick="alert('Hello World!')">Klik Saya</button>
Internal JavaScript: <script> alert('Hello World!'); </script>
External JavaScript: <script src="script.js"></script>
3. Contoh JavaScript:
// script.js
document.getElementById("demo").innerHTML = "Paragraf telah diubah.";
function changeColor() {
document.getElementById("demo").style.color = "red";
}
Sumber Referensi :
W3Schools (https://www.w3schools.com/)
Komentar
Posting Komentar