Anda sudah mengetikkan kode HTML sederhana pada halaman tutorial HTML sebelumnya. Sekarang saatnya Anda menyimpan hasil ketikkan Anda agar Anda bisa melihat tampilan HTML hasil ketikan Anda.

Bila Anda belum mengetikkan kode di atas sebelumnya, silahkan diketikkan terlebih dahulu. Selanjutnya, kita akan melanjutkan untuk menyimpan file HTML.

Tutorial HTML – Simpan Dan Buka – Bagian 4 (Bahasa Indonesia)

Cara simpan file cukup mudah. Anda bisa melakukannya dengan menekan tombol Ctrl + S atau Ctrl + Alt + S atau klik menu “File” kemudian pilih “Save” atau “Save As…”

latihan 4 - 01 - notepad++ save as 1

Kemudian akan ditampilkan sebuah kotak untuk menentukan lokasi dan nama dokumen yang akan kita simpan, seperti berikut ini:

latihan 4 - 02 - notepad++ save as 2

1. Pilih lokasi di mana file tersebut akan di simpan
2. Gunakan tombol ini bila ingin membuat folder baru untuk menyimpan file HTML yang baru dibuat
3. Tuliskan nama file yang akan kita simpan. Jangan lupa akhiri dengan akhiran ekstensi “.html”.
Contoh: latihan4-1.html
4. Pastikan jenis file yang terpilih adalah “Hyper Text Markup Language”
5. Klik tombol “Save” untuk menyimpan file.

Kini file html Anda telah berhasil disimpan.

Cara Buka File HTML di Mozilla Firefox

Setelah Anda menyimpan file HTML, sekarang saatnya kita melihat tampilan di dalam aplikasi peramban. Saya menggunakan Mozilla Firefox pada tutorial ini. Silahkan jalankan aplikasi peramban Anda.

latihan 4 - 03 - mozilla firefox - open file 1

Untuk membuka file HTML, silakan tekan tombol alt untuk menampilkan menu kemudian pilih “File” -> “Open File…”. Anda bisa membuka file dengan lebih cepat menggunakan tombol Ctrl + O dibandingkan mengakses lewat menu. Selanjutnya kotak untuk membuka file akan ditampilkan, seperti berikut ini:

latihan 4 - 04 - mozilla firefox - open file 2

1. Cari lokasi file Anda.
2. Pilih file yang Anda ingin buka
3. Klik Tombol “Open” untuk membuka file

Hasil tampilan HTML hasil ketikan Anda

Berikut ini adalah hasil tampilan kode latihan di atas dan dibuka menggunakan Firefox Mozilla.

latihan 4 - 05 - mozilla firefox - result 1

Pada bagian atas ditandai dengan kotak merah pada gambar adalah alamat untuk mengakses file latihan. Jadi kita bisa mengakses file HTML yang kita simpan dengan menuliskan alamat tersebut langung tanpa menggunakan prosedur membuka file yang dijelaskan sebelumnya.

Saya menyimpan file HTML di dalam c: -> html -> latihan1.html. Jadi alamat untuk mengakses file HTML saya adalah file:///C:/html/latihan4-1.html

Alamat file HTML Anda mungkin saja berbeda dengan alamat file saya dikarenakan Anda menyimpannya di tempat berbeda.

Pada panel utama adalah tampilan hasil kode HTML Anda. Anda tidak akan melihat tag di dalam tampilan, tag digunakan sebagai informasi mengenai cara menampilkan data atau tulisan ke dalam layar.

Mari kita lanjutkan untuk meneliti hasil tampilan HTML kita.
Tutorial HTML – Enter Dan Spasi – Bagian 5 (Bahasa Indonesia)