Comment

 

Sunday, February 14, 2016

Menyajikan Desain Halaman Web dengan Konsep Tabel

0 comments


TKJ Pemrograman Web
(latihan 8)
Menyajikan Desain Halaman Web dengan Konsep Tabel.
Layout Split =Merupakan model yang banyak dipakai, karena terjaga keseimbangan dalam halaman web
Berikut adalah listing program untuk membuat layout “split” halaman web dengan elemen table.

Top of Form
Layout Halaman Web 8
Daftar Isi
Banner/judul
Daftar Isi
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Lain- lain
Bottom of Form

Langkah-langkah codingnya:
<!DOCTYPE html >
<head>
<title>left </title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
   <table width="500" height="447" border="1"
align="center">

            <tr>
              <td width="15%" rowspan="2" align="center"
bgcolor="#FA8072"><strong>Daftar
                        Isi </strong> </td>
            <td width="67%" height="23" align="center"
bgcolor="#F4A460"><font
size="+3"><strong>Banner/judul</strong></font></td>
            <td width="18%" rowspan="2" align="center"
bgcolor="#FA8072"><strong>Daftar
                        Isi </strong> </td>
            </tr>
            <tr>
                        <td height="456" 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 bgcolor="#F4A460">
    <td height="23" colspan="3" align="center">Lain-
lain </td>
Layout Halaman Web 8
</tr>
</table>
</form>
</body>
</html>

0 comments:

Post a Comment

 
Rizky Wara | Blog © 2017 .