Home » » Kode HTML Tampil di Postingan

Kode HTML Tampil di Postingan

Bagaimana caranya agar kode HTML bisa tampil di posting-an blog?  Agar kode-kode HTML dapat muncul pada posting-an blog kita, ada beberapa cara dan yang harus diketahui saat ini yaitu cuma baru dua cara ( barangkali kawan-kawan ada yang lebih tahu ).

Yang pertama yaitu anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :

Karakter

Notasi

Keterangan

<

&lt;

Kurung runcing terbuka

>

&gt;

Kurung runcing tutup

&

&amp;

Tanda Dan

"

&quot;

Tanda petik ganda

±

&plusmn;

Tanda plus minus

Spasi

&nbsp;

Tanda Spasi

©

&copy;

Tanda hak cipta (copyright)

®

&reg;

Tanda terdaftar (Registered)

Nah agar lebih paham akan  diberi contoh, misalkan dalam postingan anda berisi kata-kata seperti ini.

 

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<meta http-equiv="refresh" content="10">
</meta>

di dalam postingan anda, jika ingin tampil seperti itu maka yang di tuliskan tidak persis seperti kode di atas, sebab nanti di postingan tulisan kode tersebut tidak akan muncul, yang ada justru efek dari kode yang anda tuliskan. trus jalan keluarnya gimana? harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus dituliskan pada postingan adalah seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
<br/><br/> <code>
&lt;meta http-equiv="refresh" content="10"&gt;
<br/>
&lt;/meta&gt;
</code>

Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya,  pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu.

Cara yang kedua adalah dengan menggunakan text area.  Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini :
Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<br/><br/>
<p align="left"><textarea name="code" rows="6" cols="400">&lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</textarea></p>

Maka yang akan tampil di blog anda adalah seperti ini :
Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

Selamat mencoba dan berkarya.
untuk memposting seperti yang dijelaskan diatas, anda harus pada posisi Edit HTML jangan pada posisi compose.

oke kawan, untuk yang kedua kalinya...selamat mencoba.

Share this article :

0 comments:

Posting Komentar