Oct14

Pengertian HTML dan Contohnya

Posted on October 14, 2012 by sitiwittyariyanti

Standard

HTML singkatan dari Hyper Text Markup Language adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang bertujuan untuk menampilkan halaman pada suatu web browser. Pada dasarnya tag-tag HTML selalu diawali dengan tag pembuka dan diakhiri dengan tag penutup dimana x adalah tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan tanda penutup seperti tag
, dan lain-lain. Umumnya sebuah halaman website akan diapit oleh tag ……..
File-file HTML selalu berakhiran dengan ekstensi .htm atau .html. Jadi jika anda mengetik sebuah naskah dan menyimpannya dengan ekstensi .html maka anda membuat file yang berformat HTML.
Suatu contoh jika Anda mengetik sebuah document dengan software apapun kemudian anda menyimpannya dengan extensi .html (contoh: myfile.html ) maka itu artinya anda telah membuat file yang berformat HTML.

Berikut ini adalah contoh penerapan html :

 

 

 

Judul HTML

 

 

----- ISI TEXT DISINI -----

 

 

http://49012035siti.wordpress.com/2012/10/14/pengertian-html-dan-contohnya/

 

Berikut ini ada beebrapa contoh dasar kode HTML

Contoh Membuat Link

Kodenya:

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

Penampakannya:
Pustaka Sekolah

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

Membuat Orientasi rata Kiri

Kodenya:

<left>Rata Kiri</left>

Penampakannya
Rata Kiri

Membuat Orientasi rata kanan

K0denya:

<right>Rata Kanan</right>

Penampakannya:

Rata kanan

Membuat Orientasi Rata tengah

Kodenya:

<center>Rata Tengah</center>

Penampakannya:

Rata Tengah

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

Membuat Huruf Miring

Kodenya:

<i>Huruf Miring</i>

Penampakannya
Huruf Miring

Membuat Huruf bergaris Tengah

Kodenya:

<del>Huruf Bergaris Tengah</del>

penampakannya:

Huruf Bergaris tengah

Membuat Huruf Bergaris Bawah

Kodenya:

<u>Huruf Bergaris bawah</u>

Penampakannya:

Huruf Bergaris bawah

Memberi warna Teks

Kodenya:

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

Penampakannya:
Warna Teks
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>