KUMPULAN CODE HTML

Beberapa KUMPULAN kode HTML untuk weblog atau pun blog, hasil kutipan dari beberapa sumber.

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 1	baris 1 Kolom 2	baris 1 Kolom 3
baris 2 Kolom 1	baris 2 Kolom 2	baris 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 H₂O. Kode nya: ₂

MEMBUAT TULISAN NAIK/tanda pangkat,seperti pada 12^th kode nya: ^{text ke atas}

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: tulis text/code html/link

Sekian dulu dari saya, smoga bermanfaat! sedikit lagi, setiap kode yang kita tulis kan tidak ada perbedaan antara huruf besar dan kecil. Masih banyak kode html yang lain yang belum sempat saya bagi2, smoga di kesempatan yang akan datang pada postingan selanjut nya, saya bisa melanjut kan.. TERIMA KASIH !