KELAS : IX
Pembuatan Tabel pada HTML
Membuat tabel menggunakan tag <TABLE> kalimat </TABLE>
Tag yang termasuk bagian dari tabel :
1. <TR> kalimat </TR>
untuk membuat baris dalam tabel
2. <TD> kalimat </TD>
untuk membuat isi data di dalam baris tabel
3. <CAPTION> kalimat </CAPTION>
untuk membuat judul pada tabel
Jika pada tabel ditambahkan perintah perataan maka judul tabel tersebut akan ikut sesuai dengan perataan yang ditentukan.
4. <TABLE BORDER=”angka”>
Untuk ketebalan garis tabel
5. <TD WIDTH=”angka”>
Untuk merubah lebar suatu baris pada tabel
6. <Table align=type perataan >
Untuk menampilkan tabel sesuai dengan type perataan
7. <Table border=”angka” style=border-color:”warna”>
Untuk memberi warna bingkai pada tabel
8. <Table BORDER=angka BGCOLOR=warna STYLE="BORDER:ketebalan bingkai px jenis bingkai warna bingkai”>
Jenis-jenis bingkai antara lain :
dashed solid dotted inset
double grove ridge outset
Contoh :
Kode Html nya
Gambar 1:
<Html><Table>
<TR>
<TD >Nama Siswa </TD>
<TD> Bidang Studi </TD>
</TR>
<TR>
<TD> Lucas </TD>
<TD> Sains </TD>
</TR>
<TR>
<TD> Cyntia </TD>
<TD> Manajemen </TD>
</TR>
</Table></HTML>
<GHtml>
<Table BORDER=5 color=blue>
<TR>
<TD >Nama Siswa </TD>
<TD> Bidang Studi </TD>
</TR>
<TR>
<TD> Arini </TD>
<TD> Sains </TD>
</TR>
<TR>
<TD> Cyntia </TD>
<TD> Manajemen </TD>
</TR>
</Table>
</HTML>
Gambar 3
<Html>
<Table Border=5>
<TR>
<TD Width=200 height=100 BgColor=Lime><Font Size=5 color=blue>Nama Siswa </TD></font>
<TD Width=300 BgColor=skyblue> <Font Size=5 color=red>Bidang Studi </TD></font>
</TR>
<TR>
<TD BgColor=yellow height=50><font size=4 color=teal Face=Century Gothic> Arini </TD>
<TD BgColor=Teal> <font size=4 color=yellow Face=Century Gothic> Manajemen Informatika </TD>
</TR>
<TR>
<TD BgColor=Aqua> Cyntia</TD>
<TD Bgcolor=Silver> Statistik </TD>
</TR>
</Table>
</Html>
No comments:
Post a Comment