Sebuah Home Page, Web atau Blog tidak bisa lepas dari yang namanya HTML
(Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah
web/blog. Bila para pembaca sekalian tidak senang mengutak-atik file
HTML pada blogger,itu sebenarnya wajar, apalagi untuk yang pemula (saya
juga). Sebab, kemungkinan takut terjadi apa-apa pada blognya (hayo
ngaku?). Sebenarnya ga usah takut, Bahasa HTML berbeda dengan Bahasa
Pemrogaman yang membutuhkan logika tingkat tinggi(walaupun bentuknya
sama-sama rumit), HTML cuma butuh kreativitas kita, kok bisa gimana?
Karena keindahan sebuah Home Page tergantung bagaimana kita memadukan
warna dan bidang yang di bentuk dari Bahasa HTML tadi.. 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 :
<img src="http://i496.photobucket.com/albums/rr329/grandisyf/blogbanner.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://blog-triks.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://blog-triks.blogspot.com" target="_blank"><img src="http://i496.photobucket.com/albums/rr329/grandisyf/blogbanner.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
|
>
|
>
|
<
|
<
|
&
|
&
|
"
|
"
|
(spasi)
|
|
:)