Kode-kode / Peintah Dasar HTML

Berikut ini adalah Kumpulan Kode Kode HTML, bagi anda yang belum berminat silahkan Copypaste kodenya didalam text area dibawah ini :

1. Membuat Paragraf Baru

<*p/>  <br>

2. Membuat Baris Baru

<*br/>

3. Membuat Garis Panjang

<*hr>

4. Membuat Text Area Kosong

<*textarea cols="20" rows="2"><*/text area>

5. Membuat Text Area Berisi Text

Test area berisi text <*textarea cols="20" rows="2">Isi Text Anda<*/textarea>

6. Membuat Table

<*div style="border:1px solid#b50000; padding:1px;"><*div style="border:1px solid#b50000; padding:1px;"*><*table width="100%" border="1"><*td bgcolor=blue><*div style="text-align:center;"><*font color="white" size=5*>Table<*/font><*/table> <*table width="100%" border="1"*><*tr><*td width="50%" bgcolor="black" align="center"*><*a href="http://huns-tu.heck.in" class=""*><*font color="#d6d700">Link 1<*/font><*/a><*/td><*td width="50%" bgcolor="black" align="center"*><*a href="http://huns-tu.heck.in" class=""*><*font color="#d6d700"*>Link 2<*/font><*/a>*td><*tr><*td width="50%" bgcolor="black" align="center"*><*a href="http://huns-tu.heck.in" class=""><*font color="#d6d700">Link 3 <*/font><*/a><*/td><*td width="50%" bgcolor="black" align="center"*><*a href="http://huns-tu.heck.in" class=""><*font color="#d6d700">LINK 4<*/font><*/a><*/td><*/tr><*/table><*/div><*/div>

7. Membuat Background Halaman

<*body style="background-color:#00FF00;"*>

8. Membuat Daftar

<*ul> <*li>Daftar Pertama<*/li> <*li>Daftar Kedua<*/li> <*li>Daftar Ketiga<*/li> <*/ul>

9. Membuat Link dengan Text

<*a href="http://huns-tu.heck.in">teks anda<*/a>

10. Membuat Link Gambar

<*a href="http://url gambar"><*/a>

11. Menggabungkan Link Text dengan Link Gambar

<*a href="http://url halaman"><*img src="http://url gambar" alt="Download Now"/><*/a>

12. Mengecilkan Gambar

<*img src="url-gambar" width="40" height="50"*> 13. Menampilkan Gambar
<*img src="url gambar"/><*/img>

14. Mengatur Letak Text Rata Kiri

<*div style="text-align:left;">text<*/div>

15. Mengatur Letak Text Rata Kanan

<*div style="text-align: right;">text<*/div>

16. Mengatur Letak Text Rata Kanan dan Kiri

<*div style="text-align:justify;">text<*/div> 17. Membuat Text Besar Menggunakan Font Family
<*span style="color:#FF0000;font-size:300%;font-family:'Comic Sans MS';">text besar dengan font family<*/span>

18. Membuat Text Besar Berwarna

<*font color="blue" size="50"><*b>text<*/b><*/font>

19. Membuat Garis Putus Putus

<*div style="border-bottom:2px dotted #ff7500;"><*/div>

20. Membuat Garis berwarna

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

21. Membuat Garis Tebal

<*hr style="height:5px;background:#0000ff;color:#FF0000;" /*>

22. Membuat Text Berstabilo

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

23. Membuat Text Blockquote

<*blockquote>Text Blockquote<*/blockquote>

24. Membuat Text Warna

<*span style="color:#F00;">Text Warna anda<*/span>

25. Membuat Text Tebal

<*b>Text tebal<*/b> 26. Membuat Text Mesin Ketik
<*tt>text<*/tt>

27. Membuat Text Berwarna

<*span style="color:#F00;">Text Warna anda<*/span>

28. Membuat Text Superscript Atas

<*sup>text atas anda<*/sup>

29. Membuat Text Subscript Bawah

<*sub>Text Bawah anda<*/sub>

30. Membuat Text Bercoret

<*s>Text coret<*/s>

31. Membuat Garis dibawah

<*u>text Anda<*/u>

32. Membuat Kalimat Pertama Ke tengah

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

Cara Penggunaan : Copypaste Link dalam Text Area di Atas dan Hilangkan Tanda Bintang ( * ) untuk Menggunakannya


Semoga bermanfaat.