Jumat, 03 Juni 2011

Kumpulan Kode HTML Pada Blog



  • KODE UNTUK MEMBUAT TABEL: <TABLE border="10"> <TR> <TD> baris 1 Kolom 1</TD> <TD> baris 1 Kolom 2</TD> <TD> baris 1 Kolom 3</TD> </TR> <TR> <TD>baris 2 Kolom 1</TD> <TD> baris 2 Kolom 2</TD> <TD> baris 2 Kolom 3</TD> </Tr></table>HASIL:
    baris 1 Kolom 1baris 1 Kolom 2baris 1 Kolom 3
    baris 2 Kolom 1baris 2 Kolom 2baris 2 Kolom 3
    Banyaknya <TR> adalah banyaknya baris, kalau banyaknya <TD> adalah banyaknya kolom dalam satu baris. Tabel diatas terdiri dari 2 baris, masing-masing baris 3 kolom. Angka 10 pada border="10" merupakan besar kecil nya garis tabel..





  • MEMBUAT TULISAN TURUN seperti 2 pada H2O. Kode nya: <sub>2</sub>MEMBUAT TULISAN NAIK/tanda pangkat,seperti pada 12th kode nya: <sup>text ke atas</sup>





  • karakter kode untuk menampilkan kode html asli buka efek dari kode html yang kita tulis. cara penulisan Karakter Kode nya yaitu:
    &lt;< &gt;> &amp;& &quot;" &nbsp;spasi
    YANG BERWARNA Kuning KODE HTML, yang tidak berwarna kode karakter html. oa, kata spasi bukan yang tertulis tapi yang di maksud...^_^
    NOT: untuk menampilkan kode karakter tersebut di atas (seperti terlihat) , harus kita tambah kan amp; di depan kode & supaya karakter yang ingin kita tampil kan terlihat, jikalau tidak maka efek dari karakter tersebut yang akan terlihat.





  • KODE-KODE WARNA Di bawah ini merupakan beberapa code-code warna berdasarkan code dan warna nya masing-masing, coba kita perhatikan yuk!
    #880000 #000000 #999999 #FFFFFF #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF#FF00FF #9900FF #FF6600 #FFFFFF #FFFF66 #FF66FF #66FF66 #0066FF
    cukup ini aja dulu kode-kode warna ya...!





  • code untuk MEMBERI WARNA TEXT <font color="#FF0000"> text merah</font>
    <font color="#FF6600">text orange</font>
      Hasil: text merah text orange
    not: Tulisan text merah dan text orange bisa kita ganti dengan text yang kita mau, kode#ff0000 Dan kode #ff6600 juga bisa kita ganti dengan kode warna yang kita mau, tentunya kode yang kita tau, atau kita rakit2 juga bisa...asal menurut format yang ada.=>sedikit lagi tentang kode warna; setiap kode warna yang telah tersebut di atas atau pun yang tidak tersebut bisa kita tulis dengan nama warna misal nya #ff0000 kita bisa mengganti dengan kata RED
    SEBAGAI CONTOH: <font color="red">text</font> kesimpulan: Untuk mewarnai text, mempunyai dua kode atau dua cara, yaitu pakek kode warna dan kata.





  • Untuk menambahkan background tek, tambahkan kode seperti ini:
    <div style="background:#88ffff">menambahkan background tek</div>
    Hasil:
    menambahkan background tek





  • Untuk menambahkan background dan mewarnai tek, tambahkan kode seperti ini:
    <div style="background:#88ffff"><font color="red">menambahkan background dan mewarnai tek</font></div>
    HASIL:
    menambahkan background dan mewarnai tek.





  • Untuk menambahkan background, warna tek, dan tek kelihatan lebih tebal, tambahkan kode seperti ini:
    <div style="background:green"><font color="#880000 "><b>Untuk menambahkan background, warna tek, dan tek kelihatan lebih tebal</b></font></div>
    Hasil:
    Untuk menambahkan background, warna tek, dan tek kelihatan lebih tebal





  • UNTUK MENGATUR WARNA, SIZE DAN Font text.
    <FONT COLOR="red">untuk mengatur warna huruf.</FONT> <FONT SIZE="4">untuk mengatur ukuran huruf.</FONT> <FONT FACE="Arial">untuk mengatur font yang digunakan.</FONT>
    Kalau mau di gabung, penulisannya seperti ini
    <FONT SIZE="4" FACE="Comic Sans MS" COLOR="green"><B> Ini huruf tebal, memakai font Comic Sans MS, berukuran 4, berwarna hijau. </B></FONT& gt;
    Not: Perlu kita perhatikan bahwa yang berada di antara tanda petik dua (") adalah:kode warna, besar nya font text, dan pilihan Font text.





  • code CARA MENGETENGAHKAN TEXT/GAMBAR<center>text</center>





  • Kode CARA MEMBUAT BARIS BARU : <br>text</br> Keterangan : Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan. Biasa nya cukup dengan kode<br>.





  • Code membuat paragraf baru <P>TEXT</p> biasa nya cukup dengan code<p>.





  • membuat paragraf




    1. <P align="left"> yang membuat paragraf menjadi rata kiri,</P>
    2. <P align="right"> yang membuat paragraf menjadi rata kanan dan</P>
    3. <P align="center"> membuat paragraf menjadi berada di tengah.</P>

  • MEMBUAT HURUF TEBAL, MIRING, BERGARIS BAWAH dan Text coret. Kode :
    <b>text tebal</b> <i>text miring</i> <u>text bergaris bawah</u> <s>text di coret</s> 

      HASIL: text tebal text miring text bergaris bawah text di coret.





  • Kode untuk membuat list:
    1. List titik <UL> <LI> point 1 <LI> point 2 <LI> POin 3 dst </UL>
    2. List angka <OL> <LI> point 1 <LI> point 2 <LI> poin 3 dst </OL>





  • Kode HTML lainnya paragraf: <BLOCKQUOTE>membuat paragraf sedikit lebih ke dalam, istilahnya indent.</BLOCKQUOTE>Hasil:
    membuat paragraf sedikit lebih ke dalam, istilahnya indent.





  • Kode untuk membuat link:
    1. <A HREF=" http://alamatweb kamu.com">nama link yang ditampilkan</A>misal nya: <A HREF=" http://asy-syarief.blogspot.com">BLOG DESAIN HP</A> Hasil: BLOG DESAIN HP
    2. link untuk email <A HREF="mailto:alamatemail @yahoo.com">nama link yang ditampilkan</A> misal nya: <A HREF="mailto:syarief_1402@yahoo.co.id">email saya</A> hasil: email saya
    3. kode untuk mengambil dan menampilkan gambar<IMG SRC="url gambar">misal: <IMG SRC="http://i418.photobucket.com/albums/pp262/asy-syarief/barnerQ.gif"> hasil:




  • kode text area <textarea name="code">tulis text/code html/link</textarea> hasil: 



  • LINK KE POSTING INI