Pengenalan Dasar HTML dan Web

Aug 19, 2024

Catatan Kuliah: Pendahuluan HTML

Pengantar

  • Video pertama dari seri mengenai HTML oleh Sandika Gali.
  • Fokus pada pengenalan dasar HTML.

Apa itu HTML?

  • HTML: Singkatan dari Hypertext Markup Language.
  • HTML adalah bahasa markup, bukan bahasa pemrograman.
  • Berfungsi untuk memberi tahu browser bagaimana konten akan ditampilkan.
  • Menggunakan tag untuk mendefinisikan elemen seperti teks, paragraf, dan hyperlink.

Sejarah HTML

  • Diciptakan oleh Tim Berners-Lee.
    • Berjasa besar dalam pengembangan web.
    • Juga menciptakan HTTP, Word Wide Web, web browser pertama, dan web server pertama.
  • W3C (World Wide Web Consortium): Organisasi yang dibentuk oleh Tim Berners-Lee untuk mengembangkan standar web.

Tugas dan Fungsi W3C

  • Mengembangkan protokol dan panduan untuk perkembangan web jangka panjang.
  • Tidak memiliki markas, terdiri dari gabungan beberapa institusi di seluruh dunia.
  • Bertanggung jawab untuk standar-standar web, termasuk HTML dan CSS.

Perkembangan Teknologi Web

  • evolutionoftheweb.com: Website yang menunjukkan perkembangan teknologi web dan browser.
  • Memperlihatkan timeline teknologi dari tahun ke tahun.
  • Setiap perubahan HTML biasanya diikuti dengan update dari web browser.

Tiga Teknologi Utama dalam Web

  • HTML: Struktur halaman dan konten.
  • CSS: Menghias halaman untuk penampilan visual yang lebih baik.
  • JavaScript: Menambah interaktivitas dan fungsionalitas.

Analogi tentang HTML, CSS, dan JavaScript

  • HTML: Manekin polos (struktur).
  • CSS: Baju yang dikenakan pada manekin (penampilan).
  • JavaScript: Membuat manekin menjadi cerdas dan interaktif (fungsionalitas).

Contoh Evolusi Website

  • Amazon: Dari tampilan sederhana di tahun 90-an hingga yang modern saat ini.
  • Facebook: Evolusi dari tampilan awalnya yang sederhana hingga yang sekarang.

Target Akhir Semester

  • Mahasiswa diharapkan bisa membuat website menggunakan HTML, CSS, dan JavaScript.
  • Coding akan dimulai di video selanjutnya, menggunakan notepad.

Penutup

  • Terima kasih atas perhatian, sampai jumpa di video berikutnya.