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

Tidak ada komentar:

Posting Komentar