Tugas 1 Buat Halaman HTML Sederhana
Posted: 26 Apr 2026, 22:20
LANGKAH-LANGKAH MEMBUAT FILE HTML
1. Nyalakan PC (Windows 10)
- Tekan tombol Power di CPU / laptop
- Tunggu sampai masuk ke Desktop Windows 10
3. Buka Visual Studio Code
- Klik Start Menu
- Ketik: Visual Studio Code
- Klik aplikasinya
4. Buat Folder Project
Supaya rapi:
- Klik File → Open Folder
- Klik New Folder
- Nama folder misalnya:
- Klik Select Folder
5. Buat File HTML
Di sebelah kiri (Explorer), klik ikon New File
Beri nama:
Tekan Enter
6. Tulis Kode HTML Dasar
Ketik ini di file:
7. Cara Menyimpan File
Ada 3 cara:
Cara cepat:
Tekan CTRL + S
Atau:
Klik File → Save
Atau:
Klik ikon
(Save)
8. Menjalankan HTML di Browser
Cara paling gampang:
- Buka folder belajar-html
- Klik kanan file index.html
Pilih:
- Open with → Chrome / Edge
Hasilnya
Di browser akan muncul:
Selamat mencoba!!!
- Tekan tombol Power di CPU / laptop
- Tunggu sampai masuk ke Desktop Windows 10
- Klik Start Menu
- Ketik: Visual Studio Code
- Klik aplikasinya
Supaya rapi:
- Klik File → Open Folder
- Klik New Folder
- Nama folder misalnya:
Code: Select all
belajar-htmlDi sebelah kiri (Explorer), klik ikon New File
Beri nama:
Code: Select all
index.htmlKetik ini di file:
Code: Select all
<!DOCTYPE html>
<html>
<head>
<title>Halaman Pertama Saya</title>
</head>
<body>
<h1>Halo Dunia!</h1>
<p>Ini adalah halaman HTML pertama saya</p>
</body>
</html>Ada 3 cara:
Cara cepat:
Tekan CTRL + S
Atau:
Klik File → Save
Atau:
Klik ikon
Cara paling gampang:
- Buka folder belajar-html
- Klik kanan file index.html
Pilih:
- Open with → Chrome / Edge
Di browser akan muncul:
Code: Select all
Halo Dunia!
Ini adalah halaman HTML pertama saya