Comment

 

Sunday, February 14, 2016

Menyajikan Desain Halaman Web dengan Konsep Tabel

0 comments


TKJ Pemrograman Web
  (latihan 9)
Menyajikan Desain Halaman Web dengan Konsep Tabel
Alternating Index = digunakan untuk halaman yang banyak menampilkan grafik, foto dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain - lain.
Berikut adalah listing program untuk membuat layout “alternating index” halaman web dengan elemen table.

Top of Form
Teks/Daftar isi
Gambar
Gambar
Teks/daftar isi
Lain- lain
Bottom of Form


Langkah-langkah codingnya:
<!DOCTYPE html >
<head>
<title>alternating</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
            <table width="500" height="447" border="1"
align="center">
            <tr>
              <td height="248" align="center"
bgcolor="#DA70D6"><font size="+1"><strong>Teks/Daftar
                        isi</strong></font></td>
              <td align="center" bgcolor="#DEB887"><font
color="#000066" size="+7"><strong><em>Gambar
                 </em> </strong></font></td>
            </tr>
            <tr>
              <td height="261" align="center"
bgcolor="#DEB887"><font color="#CC0000"
size="+7"><strong><em>Gambar
                         </em></strong></font><font
size="+7"><em></em></font></td>
               <td align="center" bgcolor="#DA70D6"><font
size="+1"><strong>Teks/daftar
                        isi</strong></font></td>
            </tr>
            <tr bgcolor="#DAA520">
              <td height="150" colspan="2" align="center"><font
color="#F5DEB3"><strong><font size="+1">Lain-
lain</font></strong></font></td>
            </tr>
  </table>
</form>
</body>

0 comments:

Post a Comment

 
Rizky Wara | Blog © 2017 .