Editor HTML yang baik dapat membantu Anda membuat kode lebih cepat berkat banyak fiturnya yang bermanfaat. Misalnya, penyorotan sintaks dan kemampuan lainnya membantu Anda memindai kode secara visual lebih cepat serta mengurangi kesalahan.
Ada berbagai jenis perangkat lunak ketika datang ke editor teks untuk HTML. Ini termasuk editor HTML WYSIWYG dan IDE.
Apa Editor HTML?
Seperti yang disinggung sebelumnya, editor HTML adalah program yang dirancang khusus untuk pengkodean HTML dan mungkin CSS, atau berbagai bahasa pemrograman lainnya. Ini termasuk fitur yang merampingkan alur kerja pengkodean Anda.
Fitur Editor Teks HTML
Editor teks HTML dapat mencakup banyak fitur potensial seperti:
Penyorot sintaks – Fitur yang menekankan elemen kunci dalam berbagai warna sehingga lebih mudah untuk melacak kode Anda. Anda dapat membedakan secara visual antara elemen-elemen sehingga Anda dapat dengan cepat menentukan apa yang perlu Anda tulis selanjutnya.
Penyelesaian otomatis – Komponen seperti tag penutup secara otomatis disisipkan saat seharusnya muncul secara logis. Ini menghemat waktu Anda untuk mengotomatisasi sebagian besar kode Anda.
Debugging - Editor teks HTML
Debugging - Editor teks HTML terkadang dapat menyertakan fitur debugging. Ini memeriksa kode Anda untuk kesalahan dan melaporkannya kembali kepada Anda. Ini menyelamatkan Anda dari keharusan menyisir baris demi baris kode mencoba melihat dan memperbaiki kesalahan kecil yang mudah dilewatkan.
Validasi kode – Beberapa editor teks yang tersedia untuk opsi HTML termasuk validasi kode bawaan. Ini adalah fitur yang memeriksa untuk memastikan sintaks kode Anda bebas dari kesalahan. Meskipun tidak akan memeriksa kesalahan yang lebih kompleks seperti alat debugging, ini masih merupakan fitur yang berguna. Ini menghemat waktu Anda dengan cara yang mirip dengan alat debugging.
Masukkan elemen HTML umum – dengan satu klik, Anda dapat dengan cepat menambahkan elemen HTML tanpa harus terus-menerus mengetiknya setiap kali Anda ingin menggunakannya, menghemat waktu Anda.
Pencarian kode yang cepat – Alih-alih melihat melalui ratusan baris kode untuk satu komponen, fitur ini memungkinkan Anda mencarinya. Setiap contoh kata kunci yang Anda ketik akan disorot dalam kode Anda sehingga Anda dapat dengan cepat menemukan apa yang Anda butuhkan.
Cari dan ganti – Fitur ini memungkinkan Anda tidak hanya mencari kode Anda, tetapi Anda dapat mengubah semua contoh kata kunci yang Anda cari menjadi sesuatu yang lain. Anda hanya perlu mengetikkan kode pengganti sekali, bukan beberapa kali.
Dalam kesempatan kali ini kami akan memberikan ulasan editor html Menggunakan Notepad atau TextEdit, ini merupakan Editor teks sederhana adalah semua yang Anda butuhkan untuk belajar HTML.
Mari kita bahas dibawah ini:
Belajar HTML Menggunakan Notepad atau TextEdit
Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional. Namun, untuk mempelajari HTML, kami merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac). Kami percaya bahwa menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.
Ikuti langkah-langkah di bawah ini untuk membuat halaman web pertama Anda dengan Notepad atau TextEdit.
1. Buka Notepad (PC)
Windows 8 atau yang lebih baru:
- Buka Layar Mulai (simbol jendela di kiri bawah di layar Anda). Ketik Notepad.
- Windows 7 atau versi lebih lama:
- Buka Start > Program > Aksesoris > Notepad
Text Edit di Mac
- Buka TextEdit (Mac)
- Buka Aplikasi finder > > TextSunting
- Juga ubah beberapa preferensi untuk mendapatkan aplikasi untuk menyimpan file dengan benar. Di Preferensi > Format > pilih "Teks Biasa"
- Kemudian di bawah "Buka dan Simpan", centang kotak yang bertuliskan "Tampilkan file HTML sebagai kode HTML alih-alih teks yang diformat".
- Kemudian buka dokumen baru untuk menempatkan kode.
2. Tulis Beberapa HTML
Tulis atau salin kode HTML berikut ke Notepad:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
3. Simpan Halaman HTML
- Simpan file di komputer Anda. Pilih File > Save seperti di menu Notepad.
- Beri nama file "index.htm" dan atur pengkodean ke UTF-8 (yang merupakan pengkodean yang lebih disukai untuk file HTML).
4. Lihat Halaman HTML di Browser Anda
- Buka file HTML yang disimpan di browser favorit Anda (klik dua kali pada file tersebut, atau klik kanan - dan pilih "Buka dengan").
- Hasilnya akan terlihat seperti ini:
Ini adalah alat yang sempurna ketika Anda ingin menguji kode dengan cepat. Ini juga memiliki kode warna dan kemampuan untuk menyimpan dan berbagi kode
Sumber Materi asli:
Tags:
Learn 01 HTML