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.