Belajar HTML

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.