HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa markah (markup language) yang digunakan untuk membuat dan menyusun halaman web di internet.
Definisi HTML:
HTML adalah bahasa standar untuk membuat struktur dan isi dari halaman web, seperti teks, gambar, tautan, video, dan elemen-elemen lainnya. HTML menggunakan tag-tag (penanda) untuk memberi tahu browser bagaimana menampilkan konten tersebut.
Fungsi HTML:
- Menentukan struktur dasar halaman web.
- Mengatur elemen-elemen seperti heading, paragraf, gambar, tautan, tabel, form, dan lainnya.
- Bekerja sama dengan CSS (untuk tampilan/desain) dan JavaScript (untuk interaktivitas).
Contoh Struktur HTML Sederhana:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Halaman HTML</title>
</head>
<body>
<h1>Halo, Dunia!</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
Penjelasan Singkat Tag:
<html>: Elemen utama halaman HTML.<head>: Berisi informasi tentang dokumen (tidak terlihat oleh pengguna).<title>: Judul halaman yang muncul di tab browser.<body>: Bagian yang berisi konten yang terlihat oleh pengguna.<h1>: Heading besar.<p>: Paragraf.
Jadi, HTML adalah fondasi utama dari semua halaman web. Tanpa HTML, halaman web tidak bisa ditampilkan dengan struktur yang teratur di browser.
apa itu css:
CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan tata letak elemen dalam halaman web yang ditulis dengan HTML. Dengan CSS, kamu bisa mengatur hal-hal seperti:
- Warna teks dan latar belakang
- Jenis dan ukuran font
- Jarak antar elemen (margin dan padding)
- Tata letak elemen (misalnya grid, flexbox)
- Efek transisi dan animasi
- Responsivitas untuk berbagai ukuran layar (seperti mobile atau desktop)
Contoh sederhana:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
font-size: 24px;
}
p {
color: gray;
}
</style>
</head>
<body>
<h1>Halo, dunia!</h1>
<p>Ini adalah paragraf pertama.</p>
</body>
</html>
Dalam contoh di atas:
bodymemiliki warna latar belakang abu-abu muda.h1akan tampil berwarna biru dengan ukuran font 24px.pakan berwarna abu-abu.
Mengapa CSS penting?
Tanpa CSS, halaman web hanya akan tampak polos dan tidak menarik. CSS memungkinkan desainer dan developer membuat halaman yang lebih estetis, responsif, dan terstruktur.
JAVASCRIPT:
Anda bilang:
jelaskan apa itu css
ChatGPT bilang:
CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan tata letak elemen dalam halaman web yang ditulis dengan HTML. Dengan CSS, kamu bisa mengatur hal-hal seperti:
- Warna teks dan latar belakang
- Jenis dan ukuran font
- Jarak antar elemen (margin dan padding)
- Tata letak elemen (misalnya grid, flexbox)
- Efek transisi dan animasi
- Responsivitas untuk berbagai ukuran layar (seperti mobile atau desktop)
Contoh sederhana:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
font-size: 24px;
}
p {
color: gray;
}
</style>
</head>
<body>
<h1>Halo, dunia!</h1>
<p>Ini adalah paragraf pertama.</p>
</body>
</html>
Dalam contoh di atas:
bodymemiliki warna latar belakang abu-abu muda.h1akan tampil berwarna biru dengan ukuran font 24px.pakan berwarna abu-abu.
Mengapa CSS penting?
Tanpa CSS, halaman web hanya akan tampak polos dan tidak menarik. CSS memungkinkan desainer dan developer membuat halaman yang lebih estetis, responsif, dan terstruktur.
Kalau kamu ingin, aku juga bisa jelaskan cara menyisipkan CSS ke dalam HTML (inline, internal, atau eksternal).
JAVASRIPT:
JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi interaktif dan dinamis. Bersama HTML dan CSS, JavaScript adalah salah satu teknologi inti web.
Kalau HTML dipakai untuk struktur, CSS untuk tampilan, maka JavaScript dipakai untuk fungsi dan interaksi, seperti:
- Menangani klik tombol
- Memvalidasi form sebelum dikirim
- Menampilkan notifikasi
- Membuat slider gambar otomatis
- Mengambil data dari server tanpa reload (AJAX)
- Membuat game, animasi, hingga aplikasi web penuh (seperti Google Docs atau Instagram Web)
Contoh sederhana:
<!DOCTYPE html>
<html>
<head>
<title>Contoh JavaScript</title>
</head>
<body>
<h1 id="judul">Halo, dunia!</h1>
<button onclick="ubahTeks()">Klik aku</button>
<script>
function ubahTeks() {
document.getElementById("judul").innerHTML = "Teks telah berubah!";
}
</script>
</body>
</html>
👉 Penjelasan:
- Ketika tombol diklik, fungsi
ubahTeks()dijalankan. - Fungsi itu akan mengubah teks di elemen
<h1>.
Kelebihan JavaScript:
- Berjalan langsung di browser (tidak perlu software tambahan)
- Interaktif dan responsif
- Banyak digunakan di dunia industri
- Didukung oleh semua browser modern
- Bisa juga dipakai di server menggunakan Node.js.