Sebuah Web atau Blog tidak bisa terlepas dari HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun...
Sebuah Web atau Blog tidak bisa terlepas dari 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. Dalam tutorial 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 baris baru dll. Ok mari kita mulai pelajaranya :
* CARA MEMASUKKAN GAMBAR
kode :
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 :
http://alvan-tipstriks" >trik blog
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika ingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
http://alvan-tipstriks.blogspot.com" target="_blank">http://alvan.890m.com/banner-trik.gif" border="0" height="17" width="90">
Jika ingin link yang dituju dibuka dalam windows baru maka tambahkan kode target="_blank" setelah kode "http://alvan-tipstriks.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)
* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
text
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, atau 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 :
text
text
text
Hasil :
Tebal
Miring
Garis Bawah
* MEMBERI WARNA TEXT
text
text
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru
* KODE-KODE WARNA
Kode2 warna selengkapnya bisa anda cari lewat google
* 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 :
By: IzzChaL
* CARA MEMASUKKAN GAMBAR
kode :
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 :
http://alvan-tipstriks" >trik blog
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "trik blog" adalah tulisan yang ditampilkan.
Jika ingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
http://alvan-tipstriks.blogspot.com" target="_blank">http://alvan.890m.com/banner-trik.gif" border="0" height="17" width="90">
Jika ingin link yang dituju dibuka dalam windows baru maka tambahkan kode target="_blank" setelah kode "http://alvan-tipstriks.blogspot.com"
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)
* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, atau 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 :
text
text
text
Hasil :
Tebal
Miring
Garis Bawah
* MEMBERI WARNA TEXT
text
text
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 anda cari lewat google
* 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 |
> | > |
< | < |
& | & |
" | " |
(spasi) |