Sudah menulis HTML, tetapi yang muncul hanya kode teks? Salah satu penyebabnya adalah nama berkas sebenarnya berakhir dengan .txt. Nama latihan.html.txt tetap merupakan berkas teks, walaupun di layar nama belakangnya mungkin disembunyikan.
Periksa nama lengkap
Buka folder tempat berkas disimpan dan tampilkan ekstensi nama file. Pada Windows, gunakan pengaturan tampilan ekstensi di File Explorer; posisi menu berbeda menurut versi. Periksa bagian paling belakang nama, bukan hanya ikon atau kata “html” di tengah nama.
Buat salinan sebelum mengganti nama. Untuk latihan ini, gunakan berkas buatan sendiri yang isinya memang kode HTML. Jangan mengganti ekstensi dokumen Word atau gambar menjadi .html karena perubahan nama tidak mengubah format isinya.
Simpan contoh yang paling kecil
Buat berkas baru di editor teks dan isi dengan contoh berikut. Pilih penyimpanan sebagai berkas biasa atau semua jenis berkas jika editor menyediakan pilihan tersebut, lalu beri nama latihan.html.
<!doctype html>
<html lang="id">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Latihan pertama</title>
<h1>Halo, Kribbi!</h1>
<p>Berkas ini sudah dibaca sebagai halaman HTML.</p>
</html>Setelah menyimpan, kembali ke folder dan periksa bahwa nama terakhirnya .html, bukan .html.txt. Jika ekstensi tambahan masih muncul, simpan ulang dengan pilihan jenis berkas yang sesuai atau ubah nama salinan berkas latihan tersebut.
Buka di browser
- Pilih berkas yang baru disimpan.
- Buka menggunakan browser, misalnya melalui menu Open with atau Buka dengan.
- Pastikan layar menampilkan judul besar “Halo, Kribbi!”, bukan deretan tag.
- Ubah kalimat paragraf di editor, simpan lagi, dan muat ulang browser untuk memastikan berkas yang dibuka benar.
Jika hasilnya belum berubah
Periksa lokasi folder. Bisa jadi editor menyimpan salinan di folder lain, sedangkan browser masih membuka berkas lama. Bandingkan nama dan lokasi pada kedua aplikasi. Periksa juga apakah tanda kurang dari dan lebih dari benar-benar ditulis sebagai tag, bukan diketik sebagai entitas teks.
Ekstensi membantu aplikasi mengenali tipe berkas, tetapi bukan bukti bahwa isi sebuah berkas aman. Jangan membuka atau menjalankan berkas asing hanya karena nama dan ikonnya terlihat seperti dokumen biasa.
Latihan penutup
Buat dua salinan berisi kode yang sama: latihan.html dan latihan.txt. Bandingkan ketika dibuka sebagai dokumen lokal. Catat perbedaan nama lengkap, aplikasi yang dipakai, dan tampilan akhirnya. Hapus hanya salinan latihan yang memang tidak diperlukan.
Setelah berhasil, coba menambahkan gambar dengan alt text yang sesuai.
Referensi resmi
Dokumentasi rujukan, diperiksa 3 November 2026.
Materi dasar: Belajar HTML dari nol.