Kumpulan Kode Html Terlengkap Untuk Blog

Kumpulan Kode Html Terlengkap Untuk Blog

 

Assalamu'alaikum Wr Wb.

Kali ini ane mau share Kode-kode html, terutama untuk para Bloggers.
Dilengkapi dengan tinjauan langsung, kode terletak didalam text area, silahkan langsung dicopy.
(hapus tanda * jika ada didalam kode html dibawah)

Cekidot.

1. Membuat
Baris
Baru
<br />

2. Teks Tebal
<b>Teks Tebal</b>

3. Teks Miring
<i>Teks Miring</i>

4. Teks Bergaris Bawah
<u>Teks Bergaris Bawah</u>

5. Teks Dicoret
<s>Teks Dicoret</s>

6. Teks Rata Kiri
<div style="text-align:left;"> Teks Rata Kiri</div>

7.

Teks Rata Kanan

<div style="text-align:right;"> Teks Rata Kanan</div>

8.

Teks Rata Tengah

<div style="text-align:center;"> Teks Rata Tengah</div>

9. Teks ^{Naik Ke Atas}
Teks ^{Naik Ke Atas}

10. Teks _{Turun Ke Bawah}
Teks _{Turun Ke Bawah}

11. Teks Berwarna
<span style="color:red">Teks Berwarna</span>

12. Teks Stabilo
<span style="background:#0f0;color:#f00">Teks Stabilo</span>



13. Teks Area
<textarea cols="20" name="code" rows="4">Teks Area<text*area>

14. Teks Area Berwarna
<*textarea name="code" rows="3" cols="20" style=";color:#ff0000;">Teks disini

15. Teks Area Dengan Bingkai
<textarea name="code" rows="3" cols="20" style="border:5px inset #00ffff;">Teks Area Dengan Bingkai</textar*ea>


16. Teks Area Dashed
<textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">Teks Area Dashed</text*area>


17. Teks Area Dotted
<textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">Teks Area Dotted</textar*ea>


18. Membuat Garis

---

<hr />

19. Membuat Garis Berwarna

---

<hr style="color:red">

20. Mengatur Ukuran Garis

---

<hr style="color:#00f" width="60%">

21. Membuat Garis Dengan Backround

---

<hr style="height:3px;background:#00f;color:#f00;">

22. Membuat Garis Titik-titik

<div style="border-bottom:3px dotted #00f;"> </div>

23. Membuat Gatis Putus-putus

<div style="border-bottom:3px dashed #00f;"> </div>


24. Membuat Daftar

• daftar 1
• daftar 2
• daftar 3

<ul> <li>daftar 1</li> <li>daftar 2</li> <li>daftar 3</li> </ul>


25. Membuat Teks Dengan Url
AwCyber™
<a href="url">Nama url</a>


26. Menampilkan Gambar
<img src="url-gambar" />


27. Menampilkan Link Dengan Gambar
<a href="url-link"><img src="url-gambar" /></a>

28. Mengubah Ukuran Gambar
<img src="http://url-gambar" width="100" height="100">


29. Menampilkan gambar disebelah kiri post
<img src="http://url-gambar" style="float:left;margin:0 3px 3px;">Teks disini










30. Menambahkan Bingkai Pada Gambar

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


Itu dia beberapa kode html yang telah ane share, semoga bermanfaat ya untuk sobat. Dan mohon dikomentar bila ada kesalahan dalam penulisan kode diatas