Kode - Kode HTML MyWapBlog

Baca Juga

Assalamu'alaikum Wr.Wb

Kode - Kode HTML MyWapBlog

Selamat sore .. malam .. pagi atau pun siang Aja mwber semua'y .. pada kesempatan yang ke 4x nya .. Catatan Si Oon akan share kode - Kode HTML MyWapBlog .. kayaknya sudah banyak yang tahu kode - kode HTML .. jadi post ini bukan untuk para master namun untuk newbie seperti saya .. & juga yang kebetulan nyasar kemari .. ok langsung saja berikut kode-kodenya :

1. Membuat Baris Baru
Kode nya

2. Membuat paragraf baru
Kode nya

3. Membuat Texs Tebal
Kode nya

4. Texs Gaya Ketikan
Kode nya

5. Membuat Texs Bercoret
Kode nya

6. Membuat Texs Garis Bawah
Kode nya

7. Text Miring
Kode nya

8. Membuat Teks Sup ^atas
Kode nya

9. Membuat Texs Sub _bawah
Kode nya

10. Texs Berwarna
Kode nya <span style="color:#f00;">Teks Berwarna </span>

11. Teks Stabilo
Kode nya <span style="background:#0f0;color:#f00;">Teks disini </span>

12. Teks rata kiri
Kode nya <div style="text-align:left;">Teks rata kiri</div>

13. Teks rata kanan
Kode nya <div style="text-align:right;">Teks rata kanan</div>

14. Text berada Tengah
Kode nya <div style="text-align:center;">Teks disini</div>

15. Teks baris pertama menjorok ke dalam
Kode nya <p style="text-indent:30px;">Teks disini</p>

16. Teks menjorok ke dalam semua
Kode nya <blockquote>Teks disini</blockquote>

17. Textarea Hurup warna
Kode Nya <textarea name=" style=" color:#ff0000;" >Teksarea Hurup warna </textarea>

18. Textarea
Kode nya <textarea cols="20" rows="2">teks disini</textarea>

19. Textarea bingkai
Kode nya <textarea name="code" rows="3" cols="20" style="border:5px inset #00ffff;">Teks disini</textarea>

20. Textarea dengan bingkai dan huruf berwarna
Kode Nya <textarea name="code" rows="3" cols="20" style="color:#ff1493;border:5px inset #9932cc;">Teks disini</textarea>

21. Textarea dengan background
Kode nya <textarea name="code" rows="3" cols="20" style="background:#ff6347;">Teks disini</textarea>

22. Textarea dengan background dan bingkai
kode nya <textarea name="code" rows="3" cols="20" style="background:#000080;border:5px inset #ff7f50;">Teks disini</textarea>

23. Textarea dengan background dan bingkai serta huruf berwarna
Kode nya <textarea name="code" rows="3" cols="20" style="background:#9932cc;color:#ff6347;border:5px inset #ff1493;">Teks disini</textarea>

24. Textarea dashed
Kode nya <textarea name="code" rows="2" cols="20" style="background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">Teks disini</textarea>

25. Textarea Doted
kode nya <textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">Teks disini</textarea>

---

26. Membuat garis
Kode nya <hr>

---

27. Membuat garis warna
Kode nya <hr style="color:#00f" width="60%">

---

28. Mengatur ukuran garis
Kode nya <hr style="color:#00f" width="60%">

---

29. Garis sebelah kiri
Kode nya <hr style="color:#00f" width="60%" align="left">

---

30. Garis sebelah kanan
kode nya <hr style="color:#00f" width="60%" align="right">

---

31. Membuat garis dengan background
kode nya <hr style="height:3px;background:#00f;color:#f00;">

32. Garis Titik - Titik
Kode nya <div style="border-bottom:3px dotted #00f;">></div>

33. Garis Putus - Putus
Kode nya <div style="border-bottom:3px dashed #00f;"></div>

34. Merubah warna background
Kodenya <div style="background:#0f0">Teks disini</div>

35. Membuat Background Dengan bingkai

Kode nya berada di rata kanan

Posisi Kanan
<div style="background:#ccc; border:3px solid #000;padding:5px;margin-left:20px">Teks disini</div>

36. Kode nya berada di tangah

Posisi tangah
<div style="background:#ccc; border:3px solid #000;padding: 3px;margin:20px">Teks disini</div>

37. Kode nya berada di rata kiri

posisi Kiri
<div style="background:#ccc; border:3px solid #000;padding: 3px;margin-right:20px">Teks disini</div>

38. Membuat bingkai pada gambar

Kode nya <img style="border:5px solid #0f0;" src="http://url-gambar"/>

Nb : untuk mengganti bingkai, "solid" ganti dengan; ridge, groove, double, dashed, dotted, inset, outset

39. Untuk Menampilkan gambar di samping post sebelah kiri
Kode nya <img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini</a>

40. Untuk Menampilkan gambar di samping post sebelah kanan
Kode nya <img src="http://url-gambar" style="float:right;margin:0 3px 3px;">Teks disini</a>

41. Merubah Ukuran Gambar

Kode nya <img src="http://url-gambar" width="100" height="100"/>
NB : semakin kecil angkanya maka semakin kecil pula gambarnya

» Next Tag Kode HTML

Wassalamu'Alaikum Wr.Wb