Rabu, 17 Februari 2016

Tabel Layout sebagai kerangka Part 2

Assalamualaikum wr. wb
Hai teman" dan kau yang disana :3 ... Kali ini saya akan mempost sebuah script HTML sesuai judul .
Yowess, mari kita simak Mas / Neng : 

 Coding / Script :

Layout Tujuh

 <html>
<Head>
<title>Notice Me Senpai :3</title>
</Head>
<body>
<table bgcolor="#F0162B" border="1" width="720px" height="360px">
<tr><td bgcolor="#000000" rowspan="3" align="bottom" width="120px">
<ul type="disc">
<li><font color="#F00C23">Home<br></li>
<li>Profil<br></li>
<li>About us<br></li>
<li>Blog<br></li>
<li>Contact us</td></li>
<td align=center>Electronic Shop</td></tr>
<tr><td bgcolor="#000000" align=center><font color="#F00C23">1cak.com</td></tr>
<tr><td align=center><font color="#000000"><font size="+10">gawianiwan.blogspot.com</td></tr>
</table>
</body>
</html>
 Layout Delapan

<html>
<head>
    <title>APA IKAM CENGANG CENGANG</title>
</head>
<body>
    <table border=1 width=720px height=400px>
    <tr><td bgcolor=#000000 rowspan=2 align=center><font color="#FA051D">Daftar isi</td>
    <td bgcolor=FA051D align=center><h3>Banner/Judul</h3></td>
    <td bgcolor=#000000 rowspan=2 align=center><font color="#FA051D">Daftar isi</td></tr>
    <tr><td bgcolor=#F0F0F0 align=center>
    <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="#FF6633">Body atau contents(isi)</font></p>
    </td></tr>
    <tr><td bgcolor=FA051D colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>

</html>

Layout Sembilan

 <html>
<head>
    <title>Culap Culap Cupei</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="red" align=center width=250px height=170px>Teks daftar isi</td>
        <td bgcolor="#000000" align=center width=250px height=170px><font color="red">Gambar</td></tr>
            <tr><td bgcolor="red" align=center width=250px height=170px>Gambar</td>
        <td bgcolor="#000000" align=center width=250px height=170px><font color="red">Teks daftar isi</td></tr>
    <tr><td bgcolor="#FFFFFF" colspan=2 align=center width=170px height=100px>Lain-lain</td></tr>
</table>
</body>

</html>

Layout Sepuluh

<html>
<head>
    <title>Terereret</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="000000" colspan=2 align=center width=400px height=50px><font color="red"><h2>Anda Sedang Membaca Ini :v</h2></td></tr>
    <tr><td bgcolor="red" width=170px height=300px>
    <ul type=square>
    <li>Beranda<br></li>
    <li>Profil Sekolah<br></li>
    <li>Galeri Foto<br></li>
    <li>Kegiatan<br></li>
    <li>Call Us</li></td></ul>
    <td bgcolor="grey" align=center width=330px>Anggap aja ada foto jodoh :3</td></tr>
    <tr><td bgcolor="000000" colspan=2 align=center><font color="red">VVIBU THE MOVIE at XMMXI</td></tr>
</table>
</body>

</html>


Dibawah ini adalah hasil dari script" di atas :

 Layout Tujuh

 Layout Delapan

 Layout Sembilan

 Layout Sepuluh

 Alhamdulillah ...
Terima kasih gaes :)
Wassalamualaikum wr. wb
Diposting oleh di Tidak ada komentar:

Rabu, 03 Februari 2016

Tugas pemrogaman web 6

Assalamualaikum Wr. Wb
Ini adalah tugas lanjutan dari Tabel Bersarang

 Berikut coding nya :

 Layout Top

 <!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="#3D3D3D"><strong><font color=#1AB837 size="+5">Banner  
        / Judul</font></strong></td> 
    </tr> 
        <tr> 
<td height="27" align="center" bgcolor="red"><font color="#000000">Ini top index</font></td> 
</tr>
<tr>
      <td height="457" align="center" bgcolor="#000000">  
        <p>Body atau contents(isi)</p> 
        <p><font color="#1AB837">Body atau contents(isi)</font></p> 
        <p><font color="#E4F527">Body atau contents(isi)</font></p> 
  <p><font color="#F754C4">Muhammad Noor Ichwani ( warna hanya pemanis :'v)</font></p>
        <p><font color="#243BED">Body atau contents(isi)</font></p> 
        <p><font color="#FA1616">Body atau contents(isi)</font></p></td> 
    </tr> 
    <tr> 
      <td height="23" align="center" bgcolor="#3D3D3D"><font color="#FF0000"><strong><font color=#1AB837 size="+2">Daftar  
        isi atau navigasi </font></strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
    </tr> 
  </table> 
</form>

Dan berikut adalah hasilnya :

Layout Bottom
<!DOCTYPE html>
 <head>
    <title>Bottom 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="#red" bgcolor="red"><strong><font size="+5">Banner / Judul</font></strong></td>
    </tr>
   
        <tr>
    <td height="457" align="center" bgcolor="#000000">
        <p><font color="white">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="#FF6633">Body atau contents(isi)</font></p></td>
    </tr>
    <tr>
    <td height="23" align="center" bgcolor="red"><font color="#000000">Info
    tambahan atau lain-lain </font></td>
    </tr>
         <tr>
    <td height="27" align="center" bgcolor="pink"><font color="#000000">Ini Bottom index </font></td>
    </tr>
 </table>
    </form>
</body>
</html>
Nampak HTML sudah matang :


Sekian dari saya, maklumi kalau post kali ini. singkat Terima Kasih
Wassalamualaikum wr. wb

Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)