TABLE HTML
- Tag <table> adl awal pembuatan tabel atribut :
-. Border adl bingkai tabel
-. Width adl ukuran tabel (dengan menggunakan %)
- contoh : <table border="1" width="100%"> isi tabel </table>
- Tag <tr> adl untuk membuat baris pada tabel contoh : <tr> isi baris </tr>
- Tag <td> adl untuk membuat kolom pada tabel
-. Align adl Posisi hurup secara horizontal
-. Valign adl Posisi hurup secara vertikal
-. Width adl ukuran kolom (dengan menggunakan %)
-. Colspan adl Penggabungan kolom
-. Rowspan adl Penggabungan baris
contoh : <td width="50%" align="center" valign="top" colspan="2"> isi kolom </td>
Contoh pembuatan tabel
<HEAD>
<TITLE>MEMBUAT TABEL</TITLE>
<HEAD>
<BODY>
<TABLE BORDER="1" WIDTH="50%">
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
</TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD>
</TR>
<TR>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD>
<TD>16</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>MEMBUAT TABEL</TITLE>
<HEAD>
<BODY>
<TABLE BORDER="1" WIDTH="50%" BACKGROUND="TULIPS.JPG" >
<TR BGCOLOR="RED">
<TD>1</TD>
<TD COLSPAN="2">2 & 3</TD>
<TD>4</TD>
</TR>
<TR>
<TD ROWSPAN="2">5 & 9</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
</TR>
<TR>
<TD>10</TD>
<TD COLSPAN="4" ROWSPAN="4">11,12,15&16</TD>
</TR>
<TR>
<TD>13</TD>
<TD>14</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Tidak ada komentar:
Posting Komentar