Dasar Dasar HTML

Assalamualaikum warahmatullaahi wabarakaatuh,......... Mungkin mayoritas siswa SMAN 1 Pati sudah mengerti bahasa HTML. Namun Sepandai-pandai siswa smansapati, pasti ada yang belum bisa jua. Wah peribahasanya ngaco!!! Sebelumnya Pak Guru mau mengingatkan terlebih dahulu. Bahwa bahasa HTML berbeda dengan bahasa pemrograman. Tidak diperlukan logika ataupun IQ yang tinggi untuk mempelajari dan membuat blog dengan HTML.

OK sebelumnya pengenalan dulu, kan kalo nggak kenal maka nggak pintar. ya tho??? HTML adalah singkatan dari Hyper Text Mark up Language. Walaupun di zaman sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho? OK kita mulai pelajarannya, karena ane males ngetik, ini kasih materi persis seperti apa yang ane pelajari dari mas Kendhin:

* CARA MEMASUKKAN GAMBAR
kode :
<img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90">
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
hasil :


* CARA MEMBUAT LINK
Kode :
<a href="http://trik-tips.blogspot.com" >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href="http://trik-tips.blogspot.com" target="_blank"><img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://trik-tips.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)

* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>
Hasil :
Tebal
Miring
Garis Bawah

* MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru

* KODE-KODE WARNA

Warna	Kode
	#000000
	#999999
	#FFFFFF
	#FF0000
	#00FF00
	#0000FF
	#FFFF00
	#00FFFF
	#FF00FF
	#9900FF
	#FF6600

Kode2 warna selengkapnya bisa dilihat DISINI

* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :

Karakter	Kode
>	>
<	&lt;
&	&amp;
"	&quot;
(spasi)	&nbsp;

Sebetulnya masih banyak lagi kode2 HTML, tapi kata guruQ Kendhin, kode-kode di atas sudah cukup untuk pemula di dunia Blog. OK murid Blog SMANSAPATI, pertemuan mendatang kita bahas tentang kode-kode warna secara detail ya,..

Wallohu'alam bisshowab. Wassalamualaikum warahmatullaahi wabarakaatuh.