Kumpulan Kode Html Dasar

1. Membuat space
<pre>spasi</pre>

---

2. Membuat Baris Baru
Baris baru=<br />

---

3. Membuat paragraf baru
<p> paragraf baru</p>

---

4. Membuat Garis Biasa
<hr />
Hasilnya :

---

---

5. Membuat Garis berwarna
<hr style="background:#ff0000;color:#ff0000;"/>
Hasilnya :

---

---

6. Membuat textarea kosong
<textarea name="code" cols="20" rows="2">
Hasilnya :

---

7. Membuat textarea temapat copy
<textarea name="code" cols="20" rows="2">tulis textarea disini
Hasilnya :
tulis textarea disini
Ket :
cols = adalah panjang textarea
rows = adalah lebar textarea
dan ubah panjang lebar textarea sesuka kalian

---

8. Membuat teks tebal
<b>teks tebal</b> atau <strong>teks tebal</strong>
Hasilnya :
teks tebal

---

9. Membuat teks miring
<i>teks miring</i> atau <em>teks miring</em>
Hasilnya :
teks

---

10. Membuat teks garis bawah
<u>teks garis bawah</u>
Hasilnya :
teks garis bawah

---

11. Membuat teks subskript
H₂
Hasilnya :
H₂

---

12. Membuat teks superskript
17^thn
Hasilnya :
17^thn

---

13. Membuat teks berkedip
<blink>teks berkedip</blink>
Hasilnya :
teks berkedip

---

14. Membuat teks kecil
<small>teks kecil</small>
Hasilnya :
teks kecil

---

15. Membuat teks sedang
<large>teks sedang</large>
Hasilnya :
teks sedang

---

16. Membuat teks besar
<big>teks besar</big>
Hasilnya :
teks besar

---

17. Mengubah jenis huruf teks
<div style="font-family:Georgia;> jenis huruf</div>
Hasilnya :

jenis huruf

---

18. Mengubah ukuran teks
<div style="font-size:25;"> ukuran teks</div>
Hasilnya :

ukuran teks

---

19. Membuat teks rata tengah
<div style="text-align:center;"> rata tengah</div> atau <center> rata tengah</center> atau <p align="center"> rata tengah</p>
Hasilnya :

rata tengah

---

20. Membuat teks rata kanan
<div style="text-align:right;"> rata kanan</div> atau <p align="right"> rata kanan</p>
Hasilnya :

rata kanan

---

21. Membuat teks rata kiri
<div style="text-align:left;"> rata kiri</div> atau <p align="left"> rata kiri</p>
Hasilnya :

rata kiri

---

22. Membuat teks berwarna
<div style="color:#ff0000;"> teks berwarna</div>
Hasilnya :

teks berwarna

Ket :
#ff0000 = kode warna

NB :Ganti kode warna sesuka kalian dan untuk mengetahui kode warna klik disini dan disini

---

23. Membuat teks efek stabilo
<span style="background-color:#0000ff;">efek stabilo</span>
Hasilnya :
efek stabilo

---

24. Membuat teks efek stabilo dengan teks berwarna
<span style="background:#0000ff;color:#ff0000;">efek stabilo teks berwarna</span>
Hasilnya :
efek stabilo teks berwana
Ket :
background:#0000ff = warna efek stabilo
color:#ff0000 = warna teks

---

25. Membuat warna background halaman
<div style="background:#0000ff;"> background</div>
Hasilnya :

background

---

26. Membuat warna background dan teks berwana
<div style="background:#0000ff;color:#ff0000;"> background teks berwarna</div>
Hasilnya :

background teks berwarna

---

27. Membuat background halaman dgn foto
<div style="background:transparent url('http://URL GAMBARMU');color:#ff0000;"> background halaman</div>
Hasilnya :
";color:#ff0000;">background halaman

---

28. Menampilkan gambar
<img src="alamat gambar"/>
Contoh :
<img src="http://herianto.mwb.im/files/tukarlink.png"/>
Hasilnya :

---

29. Membuat link teks
<a href="url alamat">link teks disini</a>
Contoh :
<a href="http://m.facebook.com">facebook</a>
Hasilnya :
facebook

---

30. Membuat link gambar
<a href="url alamat"><img src="alamat gambar"/></a>
Contoh :
<a href="http://m.facebook.com"><img src="http://herianto.mwb.im/files/facebook.png"/></a>
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com