FluentStack

Menjalankan HTML di Browser

Mode tersedia: dark, light, paper
MasukDaftar
Beginner · Level 3: CSS Fundamentals and LayoutBeginner35 menitBahasa Indonesia

Menjalankan HTML di Browser

Jalankan file HTML lokal di browser dan pahami cara melihat perubahan sederhana.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Membuka file index.html di browser
  • Memahami perbedaan file lokal dan website online
  • Melakukan refresh setelah mengubah file
  • Mengecek apakah CSS sudah terhubung
BrowserHTMLCSSLocal Workflow

Isi lesson

5 blok
  1. 1.
    HTML lokal bisa dibuka di browserBelum selesaiWajib
  2. 2.
    Checklist local taskBelum selesaiWajib
  3. 3.
    Jika perubahan tidak terlihatBelum selesaiOpsional
  4. 4.
    Cek pemahamanBelum selesaiWajib
  5. 5.
    RingkasanBelum selesaiWajib

HTML lokal bisa dibuka di browser

Wajib

File HTML lokal bisa dibuka langsung di browser. Chrome direkomendasikan untuk module ini karena lesson DevTools berikutnya memakai contoh Chrome DevTools. Browser modern lain seperti Firefox, Edge, atau Safari tetap bisa membuka file HTML lokal.

Saat kamu membuka index.html dari perangkat sendiri, address bar biasanya diawali file://. Itu berarti browser sedang membaca file dari komputer kamu, bukan membuka website online.

Setelah mengedit file, simpan dulu file-nya di code editor, lalu refresh browser. Browser membaca versi file yang tersimpan.

Bagian ini memengaruhi progres lesson.

Checklist local task

Wajib

Kerjakan di perangkat kamu:

  • Buka index.html di browser, idealnya Chrome untuk mengikuti lesson DevTools berikutnya.
  • Pastikan konten h1 dan paragraph terlihat.
  • Ubah teks di index.html.
  • Simpan file terlebih dahulu.
  • Refresh browser.
  • Ubah satu style di style.css.
  • Simpan file CSS terlebih dahulu.
  • Refresh browser lagi.

Ini belum deployment dan belum online. Tahap ini hanya memastikan project lokal bisa dibuka dan diperbarui.

Bagian ini memengaruhi progres lesson.

Tips

Opsional

Jika perubahan tidak terlihat

Cek tiga hal sederhana dulu: file sudah disimpan, browser sudah di-refresh, dan file CSS sudah terhubung dengan href yang benar.

Opsional, tidak menghambat penyelesaian lesson.

Cek pemahaman

WajibJawab dulu

Cek pemahaman singkat

Setelah mengubah file HTML lokal, langkah apa yang biasanya perlu dilakukan agar perubahan terlihat di browser?

Progres lesson naik setelah jawaban benar.

Ringkasan

Wajib
  • Kamu bisa membuka HTML lokal di browser.
  • Alamat file lokal biasanya diawali file://.
  • Setelah edit file, simpan lalu refresh browser.
  • Ini belum membuat website online.
  • Berikutnya kamu akan memakai DevTools dasar untuk inspect halaman.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: HTML lokal bisa dibuka di browser.

Memuat progresReview module