Apa Itu Html Css Dan Javascript

3 min read Jun 23, 2024

Apa Itu HTML, CSS, dan JavaScript?

HTML (HyperText Markup Language)

HTML adalah bahasa markup yang digunakan untuk membangun struktur dan konten sebuah halaman web. Bahasa ini menggunakan tag-tag khusus untuk mendefinisikan berbagai elemen seperti judul, paragraf, gambar, tabel, dan lainnya.

Contoh Penggunaan HTML:




  Contoh Halaman Web


  Selamat Datang di Halaman Web Saya!
  Ini adalah paragraf pertama.

Kode di atas akan menampilkan halaman web dengan judul "Contoh Halaman Web" dan berisi teks "Selamat Datang di Halaman Web Saya!" dan "Ini adalah paragraf pertama."

CSS (Cascading Style Sheets)

CSS digunakan untuk mengatur tampilan dan style dari elemen HTML. Dengan CSS, Anda dapat menentukan warna, ukuran font, margin, padding, layout, animasi, dan banyak lagi aspek visual halaman web.

Contoh Penggunaan CSS:

body {
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
}

h1 {
  color: #333;
  font-size: 3em;
}

Kode CSS di atas akan membuat latar belakang halaman menjadi abu-abu muda, menggunakan font Arial untuk seluruh teks, dan menampilkan judul dengan warna hitam dan ukuran 3em.

JavaScript

JavaScript adalah bahasa pemrograman yang digunakan untuk menambahkan interaktivitas dan fungsionalitas dinamis ke dalam halaman web. Dengan JavaScript, Anda dapat membuat animasi, menangani interaksi pengguna, mengontrol konten, dan melakukan banyak hal lainnya.

Contoh Penggunaan JavaScript:

document.getElementById("myButton").onclick = function() {
  alert("Tombol telah diklik!");
}

Kode JavaScript di atas akan menampilkan pesan "Tombol telah diklik!" ketika tombol dengan ID "myButton" diklik.

Singkatnya:

HTML: membangun struktur dan konten halaman web.
CSS: mengatur tampilan dan style halaman web.
JavaScript: menambahkan interaktivitas dan fungsionalitas dinamis ke halaman web.

Ketiga bahasa pemrograman ini bekerja bersama untuk membangun situs web yang menarik, fungsional, dan interaktif.

Apa Itu Html Css Dan Javascript