Apa Perbedaan Html Css Dan Javascript

2 min read Jun 28, 2024

Apa Perbedaan HTML, CSS, dan JavaScript?

Ketiga bahasa pemrograman ini merupakan pondasi dalam pengembangan web, namun memiliki fungsi yang berbeda. Berikut penjelasan singkat mengenai perbedaannya:

HTML (HyperText Markup Language)

HTML adalah bahasa markup yang digunakan untuk menentukan struktur dan konten dari sebuah halaman web. HTML mendefinisikan elemen-elemen seperti heading, paragraf, gambar, tabel, dan link.

Contoh:




  Contoh Halaman Web


  Ini adalah judul
  Ini adalah paragraf.

CSS (Cascading Style Sheets)

CSS digunakan untuk menentukan tampilan dari sebuah halaman web. CSS mengatur warna, font, ukuran, tata letak, dan elemen visual lainnya.

Contoh:

h1 {
  color: blue;
  font-size: 24px;
}

p {
  font-family: Arial, sans-serif;
}

JavaScript

JavaScript adalah bahasa pemrograman yang menambahkan interaktivitas dan fungsionalitas ke halaman web. JavaScript memungkinkan Anda untuk membuat animasi, manipulasi DOM (Document Object Model), menangani event, dan melakukan berbagai tugas kompleks.

Contoh:

function changeText() {
  document.getElementById("myParagraph").innerHTML = "Teks telah diubah!";
}

Singkatnya:

HTML: Menentukan struktur dan konten halaman web.
CSS: Menentukan tampilan halaman web.
JavaScript: Menambahkan interaktivitas dan fungsionalitas ke halaman web.

Kerjasama yang Padu

Ketiga bahasa pemrograman ini bekerja sama untuk membangun situs web yang lengkap. HTML menyediakan struktur, CSS memberikan tampilan, dan JavaScript menambahkan interaktivitas.

Apa Perbedaan Html Css Dan Javascript