langsung saja
Cara nya
Pertama Jalankan Aplikasi Notepad
Kedua Copy Tulisan nya dari <html> sampai </html>
Paste Kan Kedalam Notepad
ketiga klik File pilih save as
di File Name Tulis Contoh.Html (Titik dan Html Jangan Sampai Lupa )
di save as type pilih All Files
kalau sudah selesai klik save
test jalan kan di browser google crome atau mozilla atau opera
kalau berhasil akan tampak seperti gambar di bawah ini
Belajar Membuat Table
| Cell1 | Cell2 | Cell3 |
| Cell4 | ||
| Cell5 | ||
Atribut Colspan – menggabungkan beberapa kolom
contoh
| Cell 1 | ||
| Cell 4 | Cell 5 | Cell 6 |
contoh
| Cell 1 | Cell 2 | Cell 3 |
| Cell 4 | Cell 5 |
Code Tabel html nya yang harus di copy dibawah ini
<head> Belajar Membuat Table</title>
<body>
</body>
<p>
<body> </p>
<table width="500" border="1" cellspacing="2" cellpadding="2">
<tr> <td width=100 bgcolor="#0000FF" align=center valign=middle><font face="comic sans ms">
<b>Cell1</b></font></td>
<td width=200 bgcolor="#FFFF66" align=center valign=middle><font face="comic sans ms">
<b>Cell2</b></font></td>
<td rowspan="2" bgcolor="#FF3366" align=center valign=middle><font face="comic sans ms">
<b>Cell3</b></font></td> </tr>
<tr>
<td colspan="2" bgcolor="#33CC66" align=center valign=middle><font face="comic sans ms">
<b>Cell4</b></font></td> </tr>
<tr>
<td colspan="3" bgcolor="#FFCC99" align=center valign=middle><font face="comic sans ms">
<b>Cell5</b></font></td> </tr>
</table>
<p> </p>
<p>Atribut Colspan – menggabungkan beberapa kolom</p>
<p>contoh</p>
<table border="1" height="55" width="299">
<tr>
<td colspan=3>Cell 1</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>
<p>Atribut Rowspan – menggabungkan beberapa baris</p>
<p>contoh</p>
<table border=1>
<tr>
<td>Cell 1</td>
<td rowspan=2>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
</tr>
</table>
</body>
</html>
Keterangan:
<table></table>: tag pembuka dan penutup tabel.
Garis batas table <TABLE BORDER=#>…</TABLE>
Kepala table <TH>…</TH> Table Header
Lebar table <TABLE WIDTH=#>
Warna sel <TD BGCOLOR=”#”>
Keterangan table <CAPTION>…</CAPTION>
<tr></tr>: Element <tr> mengidentifikasikan baris dari tabel.
<td></td>: Elemen <td> mendefiniskan sel dari tabel.
Penataan letak sel
<TD ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Penataan letak baris
<TR ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Colspan – menggabungkan beberapa kolom
Rowspan – menggabungkan beberapa baris
# : boleh diisi dengan angka atau present
Alhamdulillah catatan belajar membuat tabel mengunakanan notepad telah selesai mohon maaf jika da kekurangan nya
akhirul kalam wasalamu'alaikum warohmatulloh wabrokaatuh
No comments:
Post a Comment