Home » Artikel HTML » Aplikasi untuk Bekerja dengan HTML

Tuesday, January 17, 2012

Aplikasi untuk Bekerja dengan HTML

Aplikasi yang diperlukan ketika bekerja dengan HTML adalah Editor Teks dan Browser:

  • Fungsi editor teks adalah tempat di mana elemen-elemen yang membangun suatu dokumen HTML --kode sumber-- dituliskan.

    Editor teks yang dibahas adalah Notepad, Notepad merupakan salah satu aplikasi bawaan sistem operasi Window, Jika telah memiliki komputer dengan Window sebagai operasi sistemnya, sudah dipastikan aplikasi Notepad telah tersedia.

    Notepad, selain dapat menyimpan dengan ekstensi file *.html dan *.htm, juga dapat dimanfaatkan untuk menyimpan dengan ekstensi file yang lain, seperti *.css, *.php, *.js, *.asp, dll.

  • Fungsi browser adalah tempat di mana kode sumber tersebut ditampilkan dengan tampilan yang lebih enak dilihat.

    Untuk bahasan browser tidak perlu dituliskan panjang di sini, untuk jenis browser bisa gunakan Internet Explorer, Firefox, Opera, Google Chrome, dll.

Setiap kode sumber yang dituliskan dalam editor teks harus di simpan dengan ekstensi file *.html atau *.htm. Jika kode sumber telah dituliskan dan di simpan dengan ekstensi file salah satu tersebut, baru bisa dijalanakan di browser.

Asumsikan kalau saya mempunyai kode di bawah ini di dalam Notepad:

<HTML> <BODY> <P STYLE="color: green;">Berhasil!</P> </BODY> </HTML>

Untuk menyimpan sumber kode di atas menjadi suatu dokumen HTML dengan menggunakan Notepad, berikut langkahnya:

  1. Pada tab menu, pilih File > Save As, selanjutnya akan terbuka kotak dialog penyimpanan. Pada opsi Save as type, pilih All Files.

  2. Selanjutnya berikan nama untuk sumber kode yang akan di simpan pada opsi File name, misalkan latihan_1, setelah latihan_1 sudah digambarkan, selanjutnya tetapkan ekstensi filenya, bisa .html atau .htm.

    Hasil akhirnya pada opsi File name akan tertulis latihan_1.html atau latihan_1.htm.

  3. Simpan dengan mengklik tombol Save.

  4. Selesai.

Untuk melihat hasil dari penyimpanan di atas:

  1. Jalankan dokumen HTML bernama latihan_1.html atau latihan_1.htm dengan cara mengklik dua kali padanya, atau

  2. Dengan cara memanggilnya melalui browser, didalam browser pilihlah File > Open, pada kotak dialog yang muncul, klik tombol Browse, cari dan pilih dokumen HTML yang bernama latihan_1.html atau latihan_1.htm, dan terakhir klik tombol Open.

  3. Jika berhasil, string "Berhasil!" berwarna hijau akan tampil di jendela browser.
Posted by at