Cara Mengedit Halaman Web Online

Ketika Anda perlu membuat perubahan cepat ke halaman Web dan Anda tidak memiliki editor HTML di komputer Anda, Anda dapat mengedit kode Anda di browser Anda. Beberapa situs web memiliki alat yang ampuh yang memungkinkan Anda mengembangkan, menguji, dan men-tweak halaman Web dari lokasi mana pun yang memiliki koneksi Internet. Anda bahkan dapat memasukkan JavaScript dan Cascading Style Sheets dalam kode yang Anda ketikkan ke editor online ini.

1.

Arahkan ke situs web JsFiddle dan tinjau antarmuka pengguna situs. Anda akan menemukan empat kotak teks besar di sisi kanan halaman. Tiga dari kotak itu memungkinkan Anda untuk memasukkan jenis kode HTML tertentu. Rekatkan kode HTML Anda di kotak HTML, JavaScript di kotak JavaScript dan kode Cascading Style Sheet Anda di kotak CSS. Setelah Anda melakukannya, klik "Jalankan" dan JsFiddle menampilkan halaman Web Anda di kotak keempat. Anda dapat menyimpan halaman Anda dengan mengklik "Simpan." Situs ini membuat URL unik yang dapat Anda bagikan dengan orang lain. Ketika mereka mengunjungi JsFiddle, mereka akan melihat empat kotak yang sama dengan Anda. Pengembang di lokasi yang berbeda sering menggunakan JsFiddle untuk bekerja di situs web secara kolaboratif

2.

Kunjungi situs web Editor HTML Quackit. Quackit memiliki editor HTML berfitur lengkap yang mirip dengan yang Anda temukan di aplikasi desktop. Deretan alat di bagian atas editor memungkinkan Anda untuk memformat teks HTML yang Anda masukkan ke dalam editor, mengelola hyperlines, menambahkan gambar, dan melakukan tugas terkait HTML lainnya. Editor menampilkan semuanya dalam mode Pratinjau, tetapi Anda dapat mengklik tombol "Sumber" editor untuk beralih ke tampilan HTML. Dalam tampilan itu, Anda dapat bekerja secara langsung dengan kode sumber HTML seperti halnya menggunakan editor desktop Anda. Ketika Anda selesai mengedit, sorot dan salin kode yang Anda lihat di tampilan Sumber dan tempel ke dokumen teks pada hard drive Anda.

3.

Pergi ke halaman Web W3Schools.com Tryit Editor dan temukan kotak teks pengeditan di sisi kiri halaman. W3Schools adalah situs tutorial online yang memiliki editor HTML bernama Tryit yang memproses kode HTML, CSS dan JavaScript secara real time. Rekatkan HTML ke kotak teks pengeditan atau ketik HTML dari awal. Ketika Anda mengklik tombol "Edit dan Klik Saya" di dekat bagian atas halaman, editor menampilkan halaman Web Anda di kotak pratinjau di sebelah kotak edit. Saat menambahkan kode ke kotak pengeditan, ketik persis seperti yang Anda lakukan jika Anda memasukkannya ke editor HTML biasa. Anda tidak harus memisahkan kode HTML, JavaScript dan CSS Anda seperti yang Anda lakukan di JsFiddle. Karena W3Schools adalah situs tutorial, Anda dapat mengklik tautan “W3Schools.com” di sudut kanan halaman dan melihat berbagai topik yang dapat membantu Anda mempelajari pemrograman Web dan menemukan tip pemrograman.

Kiat

• Editor online juga merupakan cara yang bagus untuk menguji cuplikan HTML kecil yang Anda temukan di Internet atau kembangkan sendiri. Misalnya, jika Anda menemukan potongan kode yang berguna yang membuat tayangan slide, Anda dapat menyalin kode itu, menempelkannya ke editor daring yang dapat mempelajari cara kerjanya seketika.
• Merupakan ide bagus untuk menyalin kode yang sedang Anda kerjakan secara berkala jika koneksi internet Anda turun atau browser Anda mogok. Salin kode dengan mengklik di dalam editor, menekan "Ctrl-A" dan kemudian menekan "Ctrl-C."