KUMPULAN KODE HTML

apa sih kode HTML ini...?
secara panjang lebar silahkan cari artikelnya di google. tetapi secara ringkasnya kode HTML adalah kode untuk membuat berbagai fitur dari mulai bentuk tulisan,gambar,sampai template atau tampilan sebuah blog adalah menggunakan HTML.sebenarnya website atau blog yang paling canggih dan menarik bisa di buat menggunakan kode HTML ini,tinggal bagaimana kita mengembangkannya.memang sekarang sudah begitu banyak software untuk membuat tampilan blog ataupun website secara instant. tetapi anda tak akan pernah belajar kalau hanya menggunakan software instant ini. nah di bawah ini ada kumpulan kode HTML paling dasar dan sederhana. tapi mulai dari sinilah anda akan bisa belajar untuk mengembangkan nya sendiri. bagi anda yang masih kurang paham silahkan aplikasikan di blog anda sendiri. bagaimana caranya...?
kita bisa memulai dari web gratisan seperti blogspot,wordpress dan banyak lagi,atau coba copy paste dan letak di "catatan" pada facebook. di sini untuk percobaan silahkan gunakan blogspot saja,blog ini simple dan semua pemula bisa mengoperasikan dengan mudah. bagi yg belum punya blog silahkan daftar di www.blogspot.com.
untuk yg sudah punya silahkan log in kemudian masuk ke entri baru di tepi kanan atas dan paste di kolomnya atau juga masuk ke "rancangan" di tepi kanan atas juga setelah itu masuk ke "tambah gadget" dan pilih "HTML/java script" setelah itu ada kolom judul dan konten. nah...di dalam kolom konten inilah anda bisa berinovasi dan berkreasi menggunakan kode kode HTML. dalam kotak contoh anda bisa mengkopy dan paste saja. untuk perhatian tulisan < br > di hilangkan pun tak apa,kata br hanya untuk memisahkan kalimat satu ke alinea baru. kalau masih belum paham silahkan copy dan paste salah satu kode kode di bawah ini dan perhatikan serta pelajari apa yang terjadi.semakin sering mencoba maka anda akan semakin paham dan mahir dalam berkreatifiti.
SELAMAT MENCOBA..............


1.Membuat link terbuka di halaman yang sama
Kode:

<br /><a href="http://www.dianaswarafm.blogspot.com//">huruf yang akan di tampilkan</a><br />

contoh:
klik di sini

2.Membuat link terbuka di halaman baru
Kode:

<br /><a href="http://www.astronomisains.blogspot.com/" target="_blank">huruf yang akan di tampilkan</a><br />

contoh:
klik ya...

3.Membuat link bergambar dan terbuka di halaman yang sama
Kode:

<br /><a href="http://www.astronomisains.blogspot.com/"><img height="30" width="30" src="http://sukem06.files.wordpress.com/2009/06/old_radio.jpg" /><br /></a><br />

contoh:



4.Membuat link bergambar dan terbuka di halaman baru
Kode:

<br /><a href="http://www.dianaswarafm.blogspot.com/"target="blank"><img height="240" width="350" src="http://sukem06.files.wordpress.com/2009/06/old_radio.jpg" /><br /></a><br />

contoh:


5.Membuat tulisan berjalan
Kode:

<br /><span style="font-family:arial; font-size: 40px; font-weight:bold; color:yellow"> <marquee direction="left" scrollamount="6" height="50px" width="80%" bgcolor="black" tulisan yang akan muncul dan berjalan dari kanan kekiri</marquee></span><br />

Ket:
Style: bentuk dan gaya huruf
Font size: ukuran huruf
Font weight : tebal tipis huruf
Color: warna huruf
Margue direction: arah perjalanan
Sctool amount: kecepatan perjalanan
Height: tinggi tulisan
Width: lebar ukuran perjalanan
Bg color: warna latar belakang
Warna dapat anda cari kodenya di web .



6.Membuat garis pemisah antara bagian atas dan bawah
Kode:

<br /><hr><br />

Ket:
Ketik kode ini di bawah kalimat yang akan di beri garis pemisah

7.Membuat paragraph atau enter
Kode:

<br /><br><br />

Ket:
Ketik kode ini di bawah kalimat yang akan di buat paragraph baru

8.teks tebal
kode:

<br /><b>teks kamu</b><br />

9.teks besar
kode:

<br /><big>teks kamu</big><br />

contoh:
oleh hadicom12


10.teks garis bawah
kode:

<br /><u>teks kamu</u><br />

contoh:
oleh hadicom


11.teks garis tengah
kode:

<br /><s>teks kamu</s><br />

contoh:
pelajarilah betul betul


12.teks miring
kode:

<br /><i>teks kamu</i><br />

contoh:
pandai sekarang...

13.teks berkedip
kode:

<br /><blink>teks kamu</blink><br />

contoh:
diana swara fm


14.teks ketengah
kode:

<br /><p align=center>teks kamu</p><br />

15.teks dikiri
kode:

<br /><p align="left">teks kamu</p><br />

16.teks dikanan
kode:

<br /><p align="right">teks kamu</p><br />

17.teks color
kode:

<br /><font color="blue">teks kamu</font><br />

contoh:
http://www.dianaswarafm.blogspot.com



18.stile/gaya/model huruf
kode:

<br />face="Georgia">teks kamu</font><br />

19.membuat garis
kode:

<br /><hr>teks kamu <br />

20.membuat garis warna
kode:

<br /><hr color=red><br />

21.memasang image/gambar
kode:

<br /><img src="http://cahya.mw.lt/anim/mobil.gif"> <br />

ket: mulai dari "http sampai ke .gif" adalah alamat gambar yang di tampilkan.
contoh:


22.teks jalan dari kanan ke kiri
kode:

<br /><marquee>teks kamu</marquee> <br />

contoh: hadicom


23.teks jalan bolak-balik kiri
kode:

<br /><marquee behavior="alternate">teks kamu</marquee><br />

contoh:
hadicom

24.memberi background warna pada teks yang berjalan
kode:

<br /><marquee bgcolor="blue">teks kamu</marquee><br />

contoh:
teks kamu


25.teks berjalan dari kiri ke kanan
kode:

<br /><marquee direction="right">astronomi dan sains</marquee <br />

contoh:
teks kamu


26.tinggi bagian tempat teks berjalan
kode:

<br /><marquee height="20px">teks kamu</marquee><br />

contoh:
teks kamu


27.lebar bagian dari kemunculan teks berjalannya
kode:

<br /><marquee width="100px">teks kamu</marquee><br />

contoh:
teks kamu


28.menampilkan kecepatan dari teks berjalan
kode:

<br /><marquee scrollamount="10">teks kamu</marquee><br />

contoh: angka 10 adalah kecepatan
teks kamu


29.menampilkan kecepatan dari teks berjalan juga
kode:

<br /><marquee scrolldelay="5">teks kamu</marquee><br />

contoh:
teks kamu

30.meletakan radio player di blog/web anda
kode:

<br /><embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://127.0.0.1:6498/ms2/1077783029159/0+0+/OCTOSHAPE+h+mpb.hotfm.mp3.high/Octoshape" type="application/x-mplayer2" controller="true" loop="0" transparentstart="1" autostart="true" enablecontextmenu="true" showstatusbar="1" height="60" width="150"></embed><br /><br />

Ket:
dari "http sampai octhoshape" adalah embed / alamat URL dari pada radio yang hendak kita masukan,dalam ini adalah hot fm kuala lumpur sebagai contohnya.

31.huruf membara by cool font
kode:

<br /><a href="http://cooltext.com"><img src="http://images.cooltext.com/1552635.gif" width="100" height="40" alt="diana swara radio" /></a><br />

contoh:


32.huruf space
kode:

<br /><a href="http://cooltext.com"><img src="http://images.cooltext.com/1552663.png" width="300" height="30" alt="Ilmu pengetahuan dan teknologi astronomi" /></a><br />

contoh:



33.huruf tumbuh bayanagan
kode:

<br /><a href="http://cooltext.com"><img src="http://images.cooltext.com/1552696.gif" width="702" height="68" alt="Ilmu pengetahuan dan teknologi astronomi" /></a><br /><br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=525319123">Create Your Own</a><br />

contoh:


Image by Cool Text: Logo and Button Generator - Create Your Own



34.embed windows media player “elshinta radio Jakarta”
kode:

<br /><center><br /><font size="5" color="yellow">>>> <font/><font face="monotype corsiva"size="5" color="red"> Radio Elshinta jakarta <font/><font size="5" color="yellow"><<< <font/><br /><br /><br /><embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.elshinta.com/v2003a/elsh_streaming.asx" type="application/x-mplayer2" controller="true" loop="1" transparentstart="1" autostart="false" enablecontextmenu="true" showstatusbar="1" height="80" width="300"></embed><br /><br /><center></center></font></font></font></font></font></font></center><br />

Ket:
1.< Center > adalah posisi letak plugin pada layar tampilan
2.< font sampai ke font /> adalah bentuk dan warna tulisan yang akan di tampilkan.
3.< embed sampai embed /> adalah embed dari plug in windows media player.
4." src sampai.asx " adalah sumber web yang akan kita streaming,dalam hal ini adalah elshinta dengan format window mwedia player. Artinya source yang berformat selain wmp tidak akan bisa di play di embed ini.

contoh:

>>> Radio Elshinta jakarta <<<






37.Embed flash player “RRI pro3 jakarta”
kode:

<br /><center><br /><font size="5" color="yellow">>>> <font/><font face="monotype corsiva"size="5" color="red"> Pro3 RRI jakarta <font/><font size="5" color="yellow"><<< <font/><br /><br /><br /><br /><br /><br /><embed type="application/x-shockwave-flash" src="http://www.pro3rri.com/dev/minicaster/minicaster3.swf" style="" id="rokboxobject" name="rokboxobject" bgcolor="#181818" quality="wmode" allowscriptaccess="always" allowfullscreen="true" width="180" height="70"><div style="visibility: visible; opacity: 1;" id="rokbox-caption"><p>Audio Streaming Pusat Pemberitaan RRI</p></div><div class="rokbox-left" id="rokbox-bottom"><div class="rokbox-right"><div class="rokbox-center"></div></div></div><div class="clr"></div><div style="position: absolute; top: 344px; left: 573px; visibility: hidden; opacity: 0;" id="roksearch_results"></div></embed><br /><center></center></font></font></font></font></font></font></center><br /><br /><br /><br /><br />

38.Membuat text box

<br />Letakan tulisan di dalam sini <br /></center></a>

39.Membuat TABEL Bloggspot

<br /><table border="1"><tr><td>linkgambar1</td><td>linkgambar2</td><td>linkgambar3</td></tr><tr><td>namagambar1</td><td>namagambar2</td><td>namagambar3</td></tr></table><table border="2"><tr><td>linkgambar4</td><td>linkgambar5</td><td>linkgambar6</td></tr><tr><td>namagambar4</td><td>namagambar5</td><td>namagambar6</td></tr></table><br /></center></a>

Note: cukup copy HTML nya dan paste ke postingan.
isi tabel dengan gambar atau tulisan dalam tabel tersebut