Kumpulan Kode HTML Terlengkap

Belajar Kode HTML Untuk Postingan- Bagi pemula masih bingung bagaimana cara otak atik postingan dan blok agar bisa tampil mempesona, baik itu tmpilan postingan ataupun tampilan blog. Jadi pada kempatan kali ini admin mencoba berbagi kumpulan kode HTML dasar dan hanya sebagai pengenalan awal agar jadi modal utama untuk mengembangkannya. Oke langsung saja berikut kode sederhana yang perlu kalian pelajari :

NB: Silahkan copy dan Setiap tanda bintang (*) wajib dihapus

1. Cara membuat garis

---

<*hr>

2. Cara membuat garis warna

---

<*hr style*="*color:*red*">

3. Cara mengatur garis <*hr style*="*color*:#*00f" width*="*60%">

4. Membuat garis dengan background

---

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

5. Membuat garis putus putus

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

6. Membuat daftar

• Daftar 1
• Daftar 2
• Daftar 3

<*ul> <*li>Daftar 1<*/li> <*li>Daftar 2<*/li> <*li>Daftar 3<*/li> <*/ul>

7. Mengatur ukuran gambar

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

8. Cara membuat gambar disebelah kiri postingan <*img src*="http*://url-*gambar" style*="float*:left*;margin*:0 3*px 3px*;">Teks disini

9. Cara membuat text area berbingkai <*textarea name*="*code" rows*="*3" cols*="*20" style*="*border*:5px inset #*00ffff;*">Teks disini<*/textarea>

10. Cara membuat text are dengan background <*textarea name*="code" rows*="3" cols*="20" style*="background*:#*ff6347;">Teks disini

11. Cara membuat textarea dashed <*textarea name*="code" rows*="3" cols*="20" style*="background*:#*0f0;*color*:#*295F00;*border*:5px #*295F00 dashed*;line-*height*:1.5em*;padding*:5px;*">Teks disini<*/textarea>

12. Cara membuat textarea dotted <*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>

13. Cara membuat background dengan bingkai

Zonaku99.blogspot.com

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

«previous 1 2 Next » 3 4

Jika menurut anda ini bermanfaat tak ada salahnya bagi like dan share. terimakasih