Cara Memparse Manual kode HTML Dengan Notepad

Ketika kode-kode HTML ingin ditampilkan sebagaimana tampilan teks pada biasanya dalam suatu artikel, kita tidak bisa begitu saja menuliskannya di dalam lembar kerja, tetapi sebelumnya kode-kode HTML itu perlu diparse terlebih dahulu.

Apa akibatnya jika kode-kode HTML itu tidak diparse, dan hanya melekatkannya secara mentah-mentah di dalam lembar kerja?

Akibatnya sih tidak fatal, tetapi nantinya kita hanya akan mendapati berupa hasil eksekusi dari kode-kode HTML itu, bukan tampilan kode-kodenya.

Petunjuk untuk memparse kode-kode HTML ada beberapa hal yang perlu dilakukan:

• Ganti karakter < dengan &lt;
• Ganti karakter > dengan &gt;
• Ganti karakter " dengan &quot;
• Ganti karakter & dengan &amp;

Langsung saja bagaimana memparse menggunakan Notepad.

1. Kode HTML berikut adalah contoh kode yang akan diparse:

   <a href="Tujuan_Link">Visit to...</a>
   

2. Salin kode di atas, kemudian paste di lembar kerja Notepad. Sehingga mempunyai tampilan seperti berikut:

   

3. Setelah itu pilih menu Edit > Replace... Nanti akan muncul kotak seperti tampak di bawah ini:

   

   • Untuk jalan pintas menampilkan kotak dialog Replace, tekan Ctrl+H
4. Untuk memparse karakter <:
   1. Ketikkan < di kotak Find what
   2. Ketikkan &lt; di kotak Replace with
   3. Kemudian klik tombol Replace All.
5. Untuk memparse karakter >:
   1. Ketikkan > di kotak Find what
   2. Ketikkan &gt; di kotak Replace with
   3. Kemudian klik tombol Replace All.
6. Untuk memparse karakter ":
   1. Ketikkan " di kotak Find what
   2. Ketikkan &quot; di kotak Replace with
   3. Kemudian klik tombol Replace All.
7. Sehingga hasil akhirnya seperti berikut:

   

8. Langkah terakhir, salin kode di dalam Notepad itu, kemudian paste di dalam artikel.

Jangan lupa menuliskannya dalam mode HTML: