💻

Perbedaan HTML, CSS, dan JavaScript

Aug 18, 2024

Catatan Kuliah: Apa Bedanya HTML, CSS, dan JS?

Pembukaan

  • Pembicara menyapa peserta dan berharap semua dalam keadaan sehat.
  • Topik bahasan: perbedaan antara HTML, CSS, dan JavaScript (JS).
  • Ditujukan untuk orang awam yang tertarik mempelajari dunia IT dan website.

HTML (Hypertext Markup Language)

  • Definisi:

    • HTML adalah sekumpulan perintah untuk merepresentasikan informasi di layar browser.
    • Bukan bahasa pemrograman, tetapi struktur perintah.
  • Contoh Penggunaan HTML:

    • Membuat teks menjadi bold atau italic dengan perintah seperti <b> untuk bold dan <i> untuk italic.
    • Contoh menambahkan hyperlink dengan perintah <a href="...">.
  • Praktek Sederhana:

    • Penggunaan Notepad untuk membuat file HTML sederhana.
    • Menyimpan file dengan ekstensi .html dan membuka di browser.

CSS (Cascading Style Sheets)

  • Definisi:

    • CSS adalah sekumpulan perintah untuk mempercantik tampilan website.
  • Fungsi CSS:

    • Mengatur tata letak, warna, font, dan elemen visual lainnya pada halaman.
  • Contoh Penggunaan CSS:

    • Menambahkan gaya latar belakang, warna teks, dan pengaturan layout menggunakan perintah CSS dalam tag <style>.

JavaScript (JS)

  • Definisi:

    • JavaScript adalah bahasa pemrograman yang digunakan untuk membuat website lebih interaktif.
  • Fungsi JS:

    • Mengatur conditional logic (if-else), interaksi pengguna, dan notifikasi.
  • Contoh Penggunaan JavaScript:

    • Menampilkan pop-up ketika elemen diklik menggunakan fungsi alert().

Kesimpulan

  • Pentingnya memahami perbedaan antara HTML, CSS, dan JavaScript dalam pembuatan website.
  • Harapan agar peserta mendapatkan wawasan yang lebih luas tentang dunia IT dan web development.