Terdapat banyak cara untuk menampilkan data, mulai dari
dengan menggunakan grafik, daftar, sampai dengan tabel. Untuk
menampilkan data dengan grafik pada HTML, kita dapat menggunakan gambar
(elemen
img), sementara daftar
jelas dibuat menggunakan elemen list. Bagaimana dengan tabel? HTML
memiliki elemen khusus untuk membuat tabel, yaitu table.
Hasil Coding:
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner
/ Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#CCCCCC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#990033">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><strong><font size="+2">Daftar
isi atau navigasi </font></strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner
/ Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#CCCCCC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#990033">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><strong><font size="+2">Daftar
isi atau navigasi </font></strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
Contoh Hasil Dari Coding Tersebut
Inilah hasil dari coding tersebut, semoga bisa membantu :)
Tidak ada komentar:
Posting Komentar