Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :
* CARA MEMASUKKAN GAMBAR
kode :
keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar
* CARA MEMBUAT LINK
Kode :
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "tips 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 :
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://materitraining.blogspot.com"
* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar
* CARA MEMBUAT BARIS BARU
Kode :
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan
* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
Hasil :
Tebal
Miring
Garis Bawah
* KODE-KODE WARNA
#000000 Hitam
#999999 Abu-abu
#FFFFFF Putih
#FF0000 Merah
#00FF00 Hijau
#0000FF Biru
#FFFF00 Kuning
#00FFFF Biru Laut
#FF00FF Merah Muda
#9900FF Ungu
#FF6600 Orange
Nah Selamat Mencoba.
* 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
* CARA MEMBUAT LINK
Kode :
<a href="http://materitraining.blogspot.com" >tips blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "tips 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://materitraining.blogspot.com" target="_blank"><img src="http://acehfotografer.net/upload/images/w4uo9y5c0gy19k73ezs.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://materitraining.blogspot.com"
* 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
* KODE-KODE WARNA
#000000 Hitam
#999999 Abu-abu
#FFFFFF Putih
#FF0000 Merah
#00FF00 Hijau
#0000FF Biru
#FFFF00 Kuning
#00FFFF Biru Laut
#FF00FF Merah Muda
#9900FF Ungu
#FF6600 Orange
Nah Selamat Mencoba.