Menulis, Menyimpan Kode HTML dan Menjalankan File HTML
Kita belum berbicara jauh tentang kode HTML, namun kita akan pahami terlebih dahulu tentang bagaimana menulis kode HTML, menyimpan menjadi file HTML dan menjalankan file HTML.
Di komputer terdapat folder-folder yang digunakan untuk mengumpulan file-file yang sejenis atau yang dibutuhkan sesuai keinginan pemiliknya. Saya yakin kalian sudah paham bagaimana membuat folder, me-rename folder, copy-paste file dan folder, termasuk juga menemukan file-file di dalam media penyimpanan komputer.
Pada tutorial ini akan di bahas bagaimana menulis, menyimpan kode HTML dan menjalankan filde HTML. Yang perlu dipahami adalah file-file latihan HTML akan kita simpan dalam sebuah folder dengan nama “latihan_html”, dan semua file html disimpan dengan format “nama_file.html”. Untuk mengakses demo latihan yang ada pada tutorial ini dapat diakses di alamat : http://solusilain.com/demo/latihan_html.
Latihan Menulis, Menyimpan Kode HTML dan Menjalankan File HTML
Buka HTML Editor, kemudian ketikkan kode html seperti di bawah ini.
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>Belajar HTML Bersama SolusiLain.Com</title> </head> <body> <h1>Belajar HTML</h1> <p>Menulis, Menyimpan Kode HTML dan Menjalankan File HTML.</p> </body> </html> |
Simpan file dengan nama “selamat_datang.html”.
Buka Windows Explorer atau File Manager, cari file “selamat_datang.html” yang telah kalian simpan lalu Klik 2x (Double Click), maka file HTML akan dijalankan pada browser dan tampil seperti pada gambar di bawah ini.
Menjalankan File HTML
Latihan yang kita lakukan di atas adalah menjalankan file HTML di komputer lokal. File HTML dapat disimpan di mana saja, bisa di drive C, D, E di flashdisk atau media penyimpanan lainnya dan siap dijalankan seperti cara di atas.
Jika kalian ingin melakukan perubahan pada kode HTML, kalian tinggal buka kembali dan edit kode dan menyimpannya. Kemudian untuk melihat hasilnya kalian dapat melakukannya dengan me-reload halaman di Browser atau dengan menekan tombol [F5]. Maka browser akan menampilkan file html sesuai dengan perubahan kode terakhir yang kalian lakukan.
Mudah-mudahan sampai disini dapat dipahami dan siap untuk melanjutkan ke tutorial berikutnya. Jika ada pertanyaan silahkan menanyakan di kolom komentar di bawah postingan ini.
