Membuat
Layout Web dengan Tabel
Tabel digunakan untuk menyajikan data dalam bentuk kolom
dan baris. Umumnya setiap kolom menunjukkan data yang sejenis, dan setiap baris
yang terdiri atas kolom-kolom menunjukkan kelompok data dalam satu kesatuan.
Tabel sangat penting artinya dalam desain web. Karena dengan tag table dapat
dibuat halaman web yang terbagi pada beberapa kolom dan baris.
Terdapat tiga tag atau elemen utama yang digunakan
dalam pembuatan tabel yaitu,
<table>
<tr><td></td>
</tr>
</table>
. Yang perlu diingat yaitu bahwa tag <tr>
dan <td> harus terletak diantara tag <table> dan
</table>
ini adalah gambaran tampilan awal/home pada Layout Table
sederhana yang saya buat silahkan dilihat :
Dihalaman awal ini terdapat beberapa Menu :
<html>
<head>
<title>Beranda - Website 2F</title>
</head>
<body>
<table align="center"
border="0" width="900">
<tr>
<td height="90"
bgcolor="aqua" align="center" colspan="2">
<H1>SITUS RESMI KELAS 2F</h1>
</td>
</tr>
<tr>
<td height="35"
bgcolor="yellow" align="center" colspan="2">
<a
href="file:///C:/xampp/htdocs/web2f/index.html.html">BERANDA</a>
<a
href="file:///C:/xampp/htdocs/web2f/profil.html.html">PROFIL</a>
<a
href="file:///C:/xampp/htdocs/web2f/galeri.html.html">GALERI</a>
<a
href="file:///C:/xampp/htdocs/lat1/Halaman%20Login%20Admin.html">LOGIN</a>
<a
href="file:///C:/xampp/htdocs/lat1/formulir.html">DAFTAR</a>
</td>
</tr>
<tr>
<tr height="300">
<td valign="top"
bgcolor="white-space" width="500" >
<p align="justify">
Selamat Datang di Website kelas 2F
HALAMAN BERANDA
</p>
</td>
<td valign="top"
bgcolor="violet" width="200" >
<h4>Komenar Baru</h4>
<p>Ini Adalah Komentar Baru</p>
<h4>Buku Tamu</h4>
<p>Ini adalah Buku Tamu</p>
</td>
</tr>
<tr>
<td height="25"
bgcolor="yellow" align="center" colspan="2">
<p>Copyright 2018 - Situs Resmi 2F. Design
by Ryan Kepala Suku</p>
</td>
</tr>
</table>
</body>
</html>
Hasilnya :
Dan jika di klik tentu halaman akan di arahkan ke alamat yang di tuju.. contoh ke beranda.
Semoga Bermanfaat...
