![]() |
Mengenal HTML, CSS, dan JavaScript |
Pemrograman web merupakan sebuah bidang yang sangat penting dalam pengembangan aplikasi
dan website. HTML, CSS, dan JavaScript adalah tiga bahasa pemrograman yang
sering digunakan dalam pembuatan website. Masing-masing memiliki peran yang
berbeda, namun saling terkait dan tidak dapat dipisahkan.
Apa itu HTML ?
HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk
mengatur struktur dan konten pada sebuah halaman web. Struktur dasar HTML
terdiri dari tag-tag HTML yang terbungkus dalam kurung siku (misalnya:
<html>, <body>, <h1>, dll.). Elemen HTML yang sering digunakan adalah seperti heading, paragraf,
gambar, dan tabel.
Contoh penggunaan HTML:
<html>
<head>
<title>Halaman Saya</title>
</head>
<body>
<h1>Selamat Datang di Halaman Saya</h1>
<p>Ini adalah halaman web pertama saya yang dibuat menggunakan HTML.</p>
<img alt="Foto saya" src="foto-saya.jpg" />
<table>
<tr>
<th>Nama</th>
<th>Umur</th>
</tr>
<tr>
<td>Ani</td>
<td>22</td>
</tr>
<tr>
<td>Budi</td>
<td>25</td>
</tr>
</table>
</body>
</html>
Apa itu CSS ?
CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur
tampilan website. Kita dapat menggunakan CSS untuk mengubah warna, font,
ukuran, dan sebagainya. Aturan prioritas CSS adalah sebagai berikut:
- Style yang didefinisikan dalam tag HTML akan lebih berpengaruh dibandingkan dengan style yang didefinisikan dalam file CSS.
- Style yang didefinisikan dalam file CSS akan lebih berpengaruh dibandingkan dengan style yang didefinisikan dalam tag <style> di dalam head HTML.
- Style yang didefinisikan dalam tag <style> di dalam head HTML akan lebih berpengaruh dibandingkan dengan style yang didefinisikan dalam file CSS yang dipanggil dengan tag <link> di dalam head HTML.
Contoh penggunaan CSS:
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
p {
font-family:
"Arial", sans-serif;
font-size: 16px;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
Apa itu Javascript ?
JavaScript adalah bahasa pemrograman yang digunakan untuk menambahkan interaksi pada website. Kita dapat menggunakan JavaScript untuk menampilkan pesan alert, memvalidasi form, menampilkan waktu sekarang, dan masih banyak lagi.
Contoh penggunaan JavaScript:
function tampilkanWaktu() {
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
document.getElementById("jam").innerHTML = jam + ":" + menit + ":" + detik;
}
setInterval(tampilkanWaktu, 1000);
HTML, CSS, dan JavaScript merupakan tiga bahasa pemrograman yang sangat penting dalam pembuatan website. Untuk mempelajari lebih lanjut, Anda dapat mencari tutorial online atau mengikuti kelas pemrograman web yang tersedia. Selamat belajar!