Contoh-contoh Tabel pada HTML 3
<HTML>
<Table Border = 5 bgcolor=skyblue=border-color:red>
<tr>
<td> Nama Siswa </td>
<td> Bidang Studi </td>
</tr>
<tr>
<td> Verry </td>
<td> Bahasa Indonesia </td>
</tr>
<tr>
<td> Fiona </td>
<td> Manajemen Bisnis </td>
</tr>
</Table>
</Html>
Hasilnya :
<Table Border = 5 bgcolor=skyblue=border-color:red>
<tr>
<td> Nama Siswa </td>
<td> Bidang Studi </td>
</tr>
<tr>
<td> Verry </td>
<td> Bahasa Indonesia </td>
</tr>
<tr>
<td> Fiona </td>
<td> Manajemen Bisnis </td>
</tr>
</Table>
</Html>
Hasilnya :
<Html>
<Table Border=18 style=border-color:darkblue>
<TR>
<TD Width=200 BgColor=Lime><Font Color=Maroon Face=Jokerman Size=5>Nama Siswa </TD>
<TD Width=300 BgColor=Navy><Font Color=Aqua><Font Face=Castellar Size=5> Bidang Studi </TD>
</TR>
<TR>
<TD BgColor=Fuchsia><Font Color=Blue size=5> Steven </TD>
<TD BgColor=Teal><Font Color=Yellow size=5> Teknologi Informasi Komunikasi </TD>
</TR>
<TR>
<TD BgColor=Aqua> <Font Color=Green size=6> Jason </TD>
<TD Bgcolor=Silver><Font Color=darkBlue size=6> Matematika </TD>
</TR>
</Table>
</Html>
Hasilnya :
<Html>
<Table BORDER=5 BGCOLOR=orange STYLE="BORDER:10px DOUBLE RED">
<TR>
<TD >Nama </TD>
<TD><CENTER> Sekolah </TD>
</TR>
<TR>
<TD> Angel </TD>
<TD> SMP Katolik Permata Bunda </TD>
</TR>
<TR>
<TD> Mawar </TD>
<TD> SMP katolik Permata Bunda </TD>
</TR>
</Table>
</HTML>
Hasilnya :
<Table BORDER=5 BGCOLOR=orange STYLE="BORDER:10px DOUBLE RED">
<TR>
<TD >Nama </TD>
<TD><CENTER> Sekolah </TD>
</TR>
<TR>
<TD> Angel </TD>
<TD> SMP Katolik Permata Bunda </TD>
</TR>
<TR>
<TD> Mawar </TD>
<TD> SMP katolik Permata Bunda </TD>
</TR>
</Table>
</HTML>
Hasilnya :
Catatan Tambahan pada Tabel HTML
<TD ROWSPAN=”ANGKA”> kalimat </TD>
untuk menggabungkan dua baris / lebih menjadi hanya satu baris
<TD COLSPAN=”ANGKA”> kalimat </TD>
untuk menggabungkan dua kolom/lebih menjadi hanya satu kolom
Contoh :
<Body>
<Table Border=13 bgcolor=yellow STYLE="BORDER:10px solid blue">
<Caption><font color=red size=6> DATA SISWA</Caption>
<TR>
<TD> NAMA SISWA </TD>
<TD Colspan=2 Align=Center> NO TELEPHONE / HP </TD>
<TD> ALAMAT </TD>
</TR>
<TR>
<TD> Darren </TD>
<TD> 081235678904 </TD>
<TD> 081812004578 </TD>
<TD> Jl. Bangau Raya No.1 </TD>
</TR>
<TR>
<TD> Henny </TD>
<TD> 0217893456 </TD>
<TD> 02185734678 </TD>
<TD> Jl. Mampang Raya 2 No.4 </TD>
</TR>
</Body>
</Html>
Hasilnya :
<Html>
<Body>
<Table Border=5>
<TR>
<TD> Nama </TD>
<TD> Hobby </TD>
<TD> Alamat </TD>
</TR>
<TR>
<TD> Gringggo </TD>
<TD> Main Musik </TD>
<TD Rowspan=2> Jl. Matraman </TD>
</TR>
<TR>
<TD> Puding </TD>
<TD> Shopping </TD>
</TR>
</Body>
</Html>
<Body>
<Table Border=5>
<TR>
<TD> Nama </TD>
<TD> Hobby </TD>
<TD> Alamat </TD>
</TR>
<TR>
<TD> Gringggo </TD>
<TD> Main Musik </TD>
<TD Rowspan=2> Jl. Matraman </TD>
</TR>
<TR>
<TD> Puding </TD>
<TD> Shopping </TD>
</TR>
</Body>
</Html>
Hasilnya :
Tunggu catatan selanjutnya.
No comments:
Post a Comment