Jumat, 12 September 2014

MEMBUAT LAYOUT/WIREFRAME WEB SEDERHANA DENGAN TABEL

Dalam HTML Untuk membuat layout atau wireframe sebuah website bisa menggunakan tabel. Tag HTML yang digunakan untuk membuat tabel adalah <table> dan diakhiri dengan </table> Untuk membuat baris digunakan tag <tr> dan diakhiri dengan </tr>. Sedangkan untuk membuat cell atau kolom digunakan <td> dan diakhiri dengan </td>. Sebagai contoh untuk membuat tabel 3 kolom 4 baris maka tag yang digunakan adalah sebagai berikut :


Untuk memperoleh layout web, maka tabel diatas dapat dikembangkan dengan kode tag html seperti berikut ini :
  1. Buka Editor teks seperti notepad, notepad++ dan paste kode  html diatas
 
  1. Simpan dengan nama file berkestensi .html 
  2. Hasilnya akan tampak seperti gambar dibawah ini !
  3. Selamat mencoba semoga sukses