Untuk membuat tampilan yang mengandung unsur-unsur baris dan kolom (tabel), dokumen HTML juga sudah menyiapkan beberapa Tag yang dapat kita gunakan untuk kebutuhan tersebut. Berikut ini adalah beberap Tag yang biasanya digunakan untuk membuat tabel dalam dokumen HTML:
1. <tabel>..........</tabel> : untuk menset dokumen tabel
2. <TR>...........</TR> : untuk menset baris (tabel baris)
3. <TD>...........</TD> : untuk menset kolom (tabel kolom)
4. <TH> ..........</TH> : untuk menset header (tabel header)
5. <caption>......</caption> : untuk menset judul tabel (tabel caption)
Untuk mengunakan tag tag di atas dapat kita lihat contoh program singkat berikut ini:
Contoh:
<html>
<head>
<title>
Homepage Ku
</title>
</head>
<body background ="gambar1.jpg">
<center>
<h1>Homepage Ku</h1>
<IMG SRC ="gambar2.gif">
<font size =3 face ="arial" color ="red">
Inilah <b>Homepage </b>Aku <i>Yang Pertama</i>
</font>
</center>
<font size = 3 face ="arial" color = "blue">
<ol>
<li> Nama : Harianja
<li> Prodi : Teknik Informatika
<li> Fakultas : Teknik
<li> Kampus : UNIKS
</ol>
</font>
<BR>
<center>
<tabel border = 2>
<caption> Daftar Nilai </caption>
<TR>
<TD> <BR> </TD>
<TH> <TUGAS> </TH>
<TH> <MID> </TH>
<TH> <AKHIR> </TH>
</TR>
<TR>
<TH> Aljabar </TH>
<TD> 90 </TD>
<TD> 95 </TD>
<TD> 80 </TD>
</TR>
<TR>
<TH> Jaringan Komputer </TH>
<TD> 95 </TD>
<TD> 95 </TD>
<TD> 90 </TD>
</TR>
</tabel>
</center>
</body>
</html>
0 Response to "Membuat Tabel Pada HTML"
Post a Comment