Belajar menulis kode html pada postingan blog

Rabu, Maret 11, 2009 // 14 komentar // Rudy // Category: Blogging Tutorial , Html //

Bagi Anda yang sering ngeblog menggunakan hp (handphone), alangkah baiknya jika anda memahami tutorial berikut ini. Ini adalah cara sederhana untuk menampilkan postingan blog dengan variasi teks yang bermacam-macam.




KODE SIMBOL :

Cara memasukan simbol pada postingan blog dengan notasi atau kode html

Dengan notasi berupa angka Notasi / karakter Bentuk simbol © © ª ª « « ¬ ¬ ® ® ° ° ± ± ² ² ¶ ¶ » »

-------------

Dengan notasi / kode berupa teks Notasi / karakter Bentuk simbol &copy; © &reg; ® &lt; < &gt; > &amp; & &quot; " &nbsp; Spasi &plusmn; ±

TEHKNIK SIMPLE MENULIS SCRIPT

<u>underline</u> teks bergaris bawah


<b>bold</b> teks tebal


<i>italic</i> teks miring


<s>slash</s> teks bergaris tengah


Buat garis :

---

kodenya : <hr>

Buat garis berwarna :

---

Kodenya : <hr color="#0000ff">

#0000ff adalah kode warna garis, anda juga bisa menggantinya sesuai kehendak.

<h2>teks berukuran besar</h2>

teks berukuran besar

<tt>teks bergaya mesin ketik</tt>

teks bergaya mesin ketik

<blink>teks berkedip</blink> teks berkedip


<font color="#ffff00">teks berwarna kuning</font> teks berwarna kuning


ket: kode warna dapat di ganti dengan hanya menuliskan nama warna dengan bahasa inggris, jadi tanda pagar (#) harus di hapus.

Dalam penulisan nomor atau angka yang berurutan, gunakan kode seperti berikut :

<ol><li>contoh teks pertama<li>contoh teks kedua<li>contoh teks ketiga<li>contoh teks keempat<li>contoh teks kelima</li></ol>

Hasil :

1. contoh teks pertama
2. contoh teks kedua
3. contoh teks ketiga
4. contoh teks keempat
5. contoh teks kelima

Sedangkan dalam pemberian tanda bullet yang berurutan, ganti kode "ol" diatas dengan kode "ul", maka hasilnya seperti berikut :

<ul><li>teks dengan tanda bullet</li></ul>

hasil penulisan :

• teks dengan tanda bullet

Perlu di ketahui dan di ingat, kode-kode di atas dapat dapat di gabungkan untuk menghasilkan bentuk yang lain asalkan di format dengan benar, misalnya seperti berikut :

<i><b>contoh teks miring tebal</b></i>

Hasil penulisan :
contoh teks miring tebal

Perhatikan baik-baik cara meletakan di awal dan akhir format penulisan teks beserta kodenya perhatikan cara penempatan kode yang berupa garis miring ( / )

Contoh lain :

<font color="#ff0000><i><b>teks tebal miring berwarnah merah</i></b></font>

hasil penulisan :
teks tebal miring berwarnah merah

SELAMTAT BERKREASI !!