Berikut ini ada beberapa contoh dasar kode HTML

1. Contoh Membuat Link

Kodenya:

<a href=”http://www.pustakasekolah.com/” target=”_blank”>Pustaka Sekolah<a/>

Penampakannya:
Pustaka Sekolah

2. Contoh Link Dengan gambar

Kodenya:

</a><a href=”http://www.pustakasekolah.com/pengertian-dan-contoh-kode-html.html” target=”_blank”><img alt=”Kode HTML” src=”http://www.pustakasekolah.com/wp-content/uploads/2012/06/Pengertian-dan-Contoh-Kode-HTML.jpeg” border=”0″ height=”250″ width=”350″ /></a>

 

3. Membuat Orientasi rata Kiri

Kodenya:

<left>Rata Kiri</left>

Penampakannya
Rata Kiri

4. Membuat Orientasi rata kanan

Kodenya:

<right>Rata Kanan</right>

Penampakannya:

Rata kanan

5. Membuat Orientasi Rata tengah

Kodenya:

<center>Rata Tengah</center>

Penampakannya:

Rata Tengah

6. Membuat Huruf tebal, Miring dan bergaris bawah

Kodenya:

<b>Hurup Tebal, Miring Dan bergaris Bawah Huruf tebal</b>

Penampakannya:

Huruf Tebal, Miring dan bergaris bawah

7. Membuat Huruf Miring

Kodenya:

<i>Huruf Miring</i>

Penampakannya
Huruf Miring

8. Membuat Huruf bergaris Tengah

Kodenya:

<del>Huruf Bergaris Tengah</del>

penampakannya:

Huruf Bergaris tengah

9. Membuat Huruf Bergaris Bawah

Kodenya:

<u>Huruf Bergaris bawah</u>

Penampakannya:

Huruf Bergaris bawah

10. Memberi warna Teks

Kodenya:

<span style=”color: rgb(172, 88, 250);”> Warna Teks</span>

Penampakannya:
Warna Teks

11. Membuat Backround warna pada teks

Kodenya:

<div style=”background: rgb(129, 190, 247) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;”>Backround Warna Teks</div>

Penampakannya:

Backround Warna Teks

 

Sumber :http://www.pustakasekolah.com/pengertian-dan-contoh-kode-html.html