Warnai webpagemu!
Sekarang kita akan memasukkan warna-warna yang telah kita pelajari ke dalam
background webpage.tag yang digunakan adalah bgcolor=#xxxxxx.
Namun tag ini harus diletakkan bersamaan dengan tag body, jadinya seperti ini.
<body bgcolor=#34ff55>
Anda juga dapat mengganti warna teks defaultnya, yang sebelumnya hanya warna hitam,
dengan menggunanakan tag text=#xxxxxx.Hal lain yang juga dapat anda ganti adalah
sebagai berikut :
• Bgcolor = warna backgournd
• Text = warna teks
• Link = warna link, sebelumnya warna biru
• Vlink = warna link yang setelah di klik
Semua tag ini di tempatkan bersamaan dengan tag body.
Oh, ya.. sebagai tambahan, anda juga dapat menggunakan gambar sebagai
background.Dengan menggunakan tag ini :
<body background=”url gambarnya”>
Penempatan tag ini juga sama seperti tag sebelumnya, harus bersamaan dengan tag body.
Nah, setelah mewarnai background, kita akan berlanjut untuk mewarnai teks, seperti ini.
Caranya tinggal masukkan tag ini sebelum teks yang ingin diwarnai.
<font color=#xxxxxx>…</font>
Untuk menambah kesan menarik dari tulisan anda, dapat juga memainkan ukuran font
dengan tag berikut :
<font size=N>…</font>
Dan anda pun juga dapat mengganti jenis font, tapi dengan syarat font tersebut sudah
terdapat di computer anda.Gunakan tag berikut :
<font face=xxx>….</font>
Paragraf alignment
Pada pelajaran sebelumnya paragraf memang sudah dibahas, namun yang kali ini sedikit
berbeda.Karena kita akan mengatur align dari suatu paragraf.Tag yang digunakan adalah
sebagai berikut :
<p align=center/left/right>...</p>
Tag ini memang berbeda dengan dengan yang sebelumnya, karena yang sebelumnya
tidak menggunakan tag penutup dan yang sekarang menggunakan penutup.Sebagai
catatan, alignment juga bisa digunakan pada gambar, anda tinggal menambahkan tag
align=center.Jadinya seperti ini :
<img src”gbr.gif” align=right>
Create your own table
Mungkin pelajaran yang cukup membingungkan bagi anda, karena saya sendiri bingung
waktu pertama kali mempelajarinya.Pembuatan tabel itu sendiri pada html memiliki pola
sebagai berikut :
Ya, bila anda sudah memahami gmbar di atas, pembuatan tabel akan dimulai dari kiri ke
kanan dan akan turun ke bawah dan dimulai dari kanan lagi.Jadi, tagnya akan seperti ini :
Tabel dengan ukuran 3x3
<table border=1>
<tr>
<td>baris 1 kolom1</td>
<td>baris 1 kolom2</td>
<td>baris 1 kolom3</td>
</tr>
<tr>
<td>baris 2 kolom1</td>
<td>baris 2 kolom2</td>
<td>baris 2 kolom3</td>
</tr>
<tr>
<td>baris 3 kolom1</td>
<td>baris 3 kolom2</td>
<td>baris 3 kolom3</td>
</tr>
</table>
Border=x berarti menandakan tebalnya garis yang akan membentuk tabel.
<tr> berarti Table Row, atau baris dari tabel.
<td> menandakan Table Data, dapat diisi tag html apa saja yang sudah pernah anda
pelajari sebelumnya.anda bisa memasukkan link, gambar, alignment,dll.
Oh, ya... anda juga dapat menggunakan vertival alignment untuk mengatur semua item
yang ada di dalam satu cell :
<td valign=top/bottom/middle>
Untuk menyatukan beberapa cell, dapat menggunakan tag berikut :
• Untuk merger kolom :
<td colspan=x>...</td>
• Untuk merger baris :
<td rowspan=x>...</td>
Anda juga dapat menambahkan judul pada tabel anda dengan tag <caption>.Tetapi harus
diingat penempatannya setelah tag <table>.
<table border=1><caption>judul</caption>
Berikut tag yang perlu anda ketahui mengenai pembuatan tabel :
• <table.... cellspacing=x> : untuk mengatur jarak antara cell
• <table....cellpadding=x> : untuk mengatur jarak antara isi tabel dengan dinding
cell
• <tr bgcolor=#xxxxxx> /<tr bgcolor=#xxxxxx>: untuk mengatur warna di dalam
suatu cell
• <td background=”gbr.gif”> : untuk menambahkan gambar background pada
cell
• <table...background=”gbr.gif”> : untuk menambahkan gambar background
pada tabel
Untuk sedikit tambahan, anda dapat membuat tabel tanpa border/garis dengan mengatur
border=0 atau dengan hanya menulis <table> tanpa tag border.
New List
Untuk memulai list juga tidak perlu dari awal, dari tengah juga bisa, anda dapat
menggunakan tag <ol.... start=14> jumlah dari start harus berupa angka, walaupun tipe
dari list yang digunakan adalah tipe huruf.Anda juga dapat merubah urutan list(khusus
ordered list) langsung dengan tag <li value=5>, hasilnya dapat dicoba sendiri.
Selasa, 19 Juni 2012
