Seperti kata pepatah: "Jika Anda ingin melakukan pekerjaan Anda dengan baik, Anda harus mempertajam alat Anda terlebih dahulu." Editor HTML yang berguna dapat membuat Anda lebih efisien dalam membuat halaman web HTML dan mendapatkan hasil dua kali lipat dengan setengah usaha.
Berikut beberapa editor yang umum digunakan:
1. Gunakan Notepad atau Notepad++ untuk menulis HTML
Ini adalah fitur notepad yang terdapat pada sebagian besar komputer, dan kami yakin bahwa menggunakan editor teks sederhana adalah cara terbaik untuk mempelajari HTML.
Langkah 1: Mulai Notepad
Cara memulai Notepad:
(1) Mulai → Semua Program → Lampiran → Notepad
(2) Mulai → Masukkan perintah notepad untuk memulai Notepad
(3) Buat dokumen teks baru langsung di desktop
Ketiga metode di atas tersedia.
Langkah 2: Edit HTML dengan Notepad
Ketikkan kode HTML di Notepad:
<!DOCTYPEhtml><html><body><h1>Jaringan Bahasa C</h1><p>Selamat datang di situs web kami untuk mempelajari dan check in. </p></tubuh></html>
Seperti yang ditunjukkan pada gambar:
Langkah 3: Simpan HTML
Pilih "Simpan Sebagai" dari menu File Notepad.
Saat Anda menyimpan file HTML, Anda dapat menggunakan ekstensi .htm atau .html . Tidak ada perbedaan di antara keduanya. Berikan nama yang mudah diingat, seperti test.
Langkah 4: Jalankan file HTML ini di browser
Jalankan browser Anda dan pilih perintah Buka File dari menu File, atau klik dua kali file HTML Anda langsung di folder.
Hasil tampilan runningnya seperti berikut:
2. Gunakan Kode Visual Studio untuk menulis HTML
Visual Studio Code adalah editor lintas platform untuk menulis aplikasi web dan cloud modern yang berjalan di OS X, Windows dan Linux. Ia juga dikenal sebagai kompiler paling kuat di alam semesta. Anda dapat mengunduh perangkat lunak yang sesuai dari situs resmi perangkat lunak berikut dan menginstalnya sesuai dengan langkah-langkahnya.
Kode VS: https://code.visualstudio.com/
Anda dapat mengunduh perangkat lunak yang sesuai dari situs resmi perangkat lunak di atas dan menginstalnya sesuai dengan langkah-langkahnya.
Langkah 1: Buat file HTML baru
Setelah instalasi VS Code selesai, pilih "File (F)->New File (N)" dan masukkan kode berikut di file baru:
<!DOCTYPEhtml><html><body><h1>Jaringan Bahasa C</h1><p>Selamat datang di situs web kami untuk mempelajari dan check in. </p></tubuh></html>
Langkah 2: Simpan sebagai file HTML
Kemudian pilih "File (F)->Save As (A)" dan nama filenya adalah test.html:
Langkah 3: Jalankan file HTML ini di browser Anda
Kemudian klik kanan nama file di editor dan pilih untuk membuka di browser default (browser lain juga tersedia):
3.Pembangun H
HBuilder adalah IDE pengembangan web yang diluncurkan oleh DCloud yang mendukung HTML5. HBuilder ditulis menggunakan Java, C, Web dan Ruby. Bagian utama HBuilder sendiri ditulis dalam Java. Kecepatan tinggi adalah keuntungan terbesar HBuilder. Melalui perintah sintaksis yang lengkap, metode masukan kode, blok kode, dll., ini sangat meningkatkan efisiensi pengembangan HTML, js, dan css. Hbuilder adalah IDE pengembangan front-end yang ditulis oleh pengembang front-end Tiongkok, jadi penggunaannya lebih sesuai dengan kebiasaan pengembangan Tiongkok kami. Sangat nyaman menggunakan HBuilder untuk menulis kode HTML.
4. Adobe Dreamweaver CS
Dreamweavercs6 adalah seperangkat korektor kode dengan antarmuka koreksi visual yang diluncurkan oleh Adobe, produsen perangkat lunak internasional terkemuka, yang dapat digunakan untuk mengoreksi situs web dan aplikasi seluler. Karena mendukung pengkodean, pemisahan, desain, tampilan waktu nyata, dan metode lain untuk membuat, menulis, dan memodifikasi halaman web, untuk pengguna junior, Anda dapat dengan cepat membuat halaman web tanpa menulis kode apa pun. Alat modifikasi kodenya yang canggih lebih cocok untuk pembuatan pengembang web senior! Versi baru cs6 menggunakan tata letak kisi adaptif untuk membuat halaman. Gunakan pratinjau multi-layar untuk meninjau desain sebelum dipublikasikan, yang dapat sangat meningkatkan efisiensi kerja. Oleh karena itu, AdobeDreamweaverCS juga merupakan korektor kode HTML yang lebih baik.
5. SublimeText3 versi Cina
SublimeText adalah perangkat lunak korektor dengan penyorotan kode, petunjuk sintaksis, penyelesaian otomatis, dan respons cepat. SublimeText tidak hanya memiliki antarmuka yang cantik, tetapi juga mendukung mekanisme perluasan plug-in. Sangat menyenangkan untuk menulis kode dengannya. Dibandingkan dengan Vim, yang sulit digunakan, Eclipse dan VS, yang membengkak dan berat, serta Editplus dan Notepad++, yang ringan dan cepat diluncurkan, umumnya dibayangi oleh SublimeText pilihan yang bagus untuk coding.
6.Buku Catatan++
Notepad++ dirancang untuk menggantikan Notepad default di Windows dan jauh lebih kuat daripada Notepad. notepad++ mendukung plug-in, dan menambahkan plug-in yang sesuai untuk mendukung fungsi yang berbeda. Selain beberapa plug-in umum, ada juga beberapa plug-in yang menarik, seperti plug-in ucapan yang membaca teks. Notepad++ adalah perangkat lunak pengedit teks yang ringan. Ini dimulai lebih cepat dan menggunakan lebih sedikit sumber daya dibandingkan beberapa alat pengeditan teks profesional lainnya, namun dalam hal fungsi dan aplikasi, ini tidak kalah dengan alat profesional tersebut.
7. Suntingplus
Alamat pengunduhan: https://www.editplus.com/
EditPlus adalah editor Windows kecil namun kuat yang diproduksi oleh Sangil Kim (ES-Computing) Korea Selatan yang dapat menangani teks, HTML, dan bahasa pemrograman sebagai IDE sederhana untuk C, Java, Php dan bahasa lainnya.