Beranda · Microsoft Office · Aljabar · Fisika · Jaringan Komputer · Elektronika Dasar · Sistem Operasi · NoteBook

Membuat Tabel Pada HTML

Membuat Tabel Pada HTMLUntuk 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