Kumpulan Kode Dasar HTML Terlengkap Buat Blog

 Kode Dasar HTML

Disiang hari ini  saya akan coba share ke temen-temen yang lagi cari kode dasar HTML ya meskipun semua ini untuk para pemula seperti saya ini.bagi yang suka atau yang tertarik silakan di copas juga boleh...hehehee.

Baris Baru ( spasi ) <*br>

---

garis pembatas <*hr>

---

Teks mesin ketik <*tt>text<*/tt>

---

Text tebal <*b>text<*/b> atau <*strong>text<*/strong>

---

Teks bergaris bawah (underline) <*u>text<*/u>

---

Teks tercoret(strike) <*s>text<*/s>

---

Teks Subscript <*sub>text<*/sub> : contoh_bawah

---

Teks Superscript <*sup>text<*/sup> :
contoh ^atas

---

text warna contoh dengan warna merah

<*div style="color:#F00;"*>Text<*/div>

Text blockquote <*blockquote>text<*/blockquote>

contoh text blockquote ini contoh hasilnya

---

Kalimat pertama ketengah dengan perintah p style lihat pada awal kalimat jarak dari kiri

<*p style="text-indent:12px;">text<*/p>

---

text berstabilo <*span style="background:#ffff00;color:#FF0000;">text<*/span>

---

garis tebal <*hr style="height:5px;background:#FFFFFF;color:#FF0000;"/*>

---

garis warna <*hr style="color:#FF0000;" /*>

---

garis putus-putus contoh dengan dotted <*div style="border-bottom:2px dotted #FFFFFF;"*><*/div>

---

text besar dapat diatur sizenya <*font color="blue" size="50"*><*b>text<*/b> text

---

text besar dengan font family <*span style="color:#FF0000;font-size:300%;font-family:'Comic Sans MS';"*>text<*/span>

---

mengatur kalimat/text dengan html <*div style="text-align:justify;"*>text<*/div>

text

---

contoh text rata kiri kanan dengan perintah justify

catatan: justify dapat diganti left (text kiri) center (tengah) right (kanan)

---

perintah list circle <*ul style="list-style:circle;"*><*li>contoh<*/li><*li>lagi<*/li><*li>hallo<*/li><*/ul>

• contoh
• example)
• tes

---

perintah list square <*ul style="list-style:square;"*><*li>tes<*/li> <*li>tes ah<*li> <*li>lagi<*/li><*/ul>

• tes
• contoh
• example

---

Perintah ol, li <*ol><*li>point<*/li> <*li>point<*/li> <*li>dst<*/li><*/ol>

1. point
2. point
3. dst

---

pake ul, li <*ul><*li>point<*/li> <*li>point<*/li> <*li>point<*/li><*/ul>

• point 1
• point 2
• dst

---

menampilkan gambar <*img src="URL-LINK" alt="ket-gambar" /*><*/img>

ohya....sampe lupa saya,kalo mau cobak jangan lupa hapus tanda* yaa...??
supaya berfungsi.Bye..