Panduan Lengkap Praktikum HTML untuk Pemula
Tutorial Step-by-Step Membuat File HTML Pertama Anda
Membuka Notepad
Panduan lengkap cara membuka dan menggunakan Notepad di Windows untuk menulis kode HTML.
Menyimpan File
Format penamaan file yang benar dan cara menyimpan dengan ekstensi .html untuk praktikum.
Membuka di Browser
Cara menjalankan file HTML di berbagai browser web dan melihat hasil kode Anda.
Membuka Notepad di Windows
Ikuti langkah-langkah berikut untuk membuka Notepad di sistem operasi Windows:
- Klik tombol Start (atau tekan tombol Windows pada keyboard)
- Ketik Notepad di kolom pencarian
- Klik aplikasi Notepad dari hasil pencarian untuk membukanya
- Alternatif: Tekan Windows + R, ketik notepad, lalu tekan Enter
Menyimpan File dengan Format Nama yang Benar
Setelah menulis kode HTML, simpan file dengan format nama berikut untuk memudahkan identifikasi:
Format Penamaan File Praktikum
Struktur: tahun_nama kelas_no absen_praktik1.htmlContoh: 2025-7A-01-praktikum1.html
Penjelasan format:
- Tahun: Tahun pelajaran (contoh: 2025)
- Nama Kelas: Kelas dan jurusan (contoh: 7A untuk kelas 7A)
- No Absen: Nomor absen siswa (contoh: 01)
- Nama Praktikum: Nama tugas (contoh: praktikum1)
Langkah-langkah menyimpan file:
- Klik menu File di pojok kiri atas
- Pilih Save As dari dropdown menu
- Pilih folder tempat menyimpan file (disarankan buat folder khusus untuk praktikum)
- Pada bagian File name, ketik nama file sesuai format yang ditentukan
- Pada bagian Save as type, pilih All Files (*.*)
- Pastikan ekstensi file adalah .html
- Klik tombol Save
Menulis Kode HTML untuk Praktikum
Salin dan tempel kode berikut ke dalam Notepad, kemudian lengkapi data diri Anda:
<!DOCTYPE html>
<html>
<body>
<p>Nama :......</p>
<p>Kelas : .....</p>
<p>No Absen : .....</p>
<p>
Aku bercita-cita ingin menjadi programer
karena seorang programer bisa berkreasi dan
menyelesaikan banyak masalah. Seorang programer harus teliti,
oleh karena itu aku akan belajar untuk disiplin dan teliti.
</p>
<p>
lanjutkan disini
</p>
</body>
</html>📝 Petunjuk Pengerjaan
- Ganti tanda titik-titik (......) dengan data pribadi Anda (nama, kelas, nomor absen)
- Lanjutkan paragraf terakhir dengan menuliskan alasan mengapa Anda ingin menjadi programmer
- Anda boleh menambahkan elemen HTML lain jika diperlukan
- Pastikan tidak ada kesalahan penulisan tag HTML
Membuka File HTML di Browser Web
Setelah menyimpan file HTML, ikuti langkah berikut untuk membukanya di browser dan melihat hasilnya:
- Buka File Explorer (tekan Windows + E)
- Pergi ke folder tempat Anda menyimpan file HTML
- Klik kanan pada file HTML yang telah dibuat
- Pilih Open with > pilih browser favorit Anda (Chrome, Firefox, Edge, dll.)
- Alternatif: Buka browser, tekan Ctrl + O, lalu pilih file HTML Anda
Tips Browser yang Disarankan:
- Google Chrome - Developer tools yang lengkap
- Mozilla Firefox - Baik untuk development
- Microsoft Edge - Browser default Windows
- Safari - Untuk pengguna Apple
🎉 Selamat!
Anda telah berhasil membuat dan melihat halaman HTML pertama Anda di browser. Ini adalah langkah pertama Anda dalam perjalanan menjadi web developer!
❓ Pertanyaan yang Sering Diajukan
.html dan bukan .txt. Pada saat menyimpan, di bagian "Save as type" pilih "All Files" bukan "Text Documents".
<img> untuk menambahkan gambar.