Jumat, 12 Februari 2016

TABEL LAYOUT HTML

DIKESEMPATAN INI SAYA MELANJUTKAN MATERI YG KEMAREN :V.


INI CODINGNYA :
Layout 7
<html>
<Head>
    <title>MUHAMMAD NAJMI</title>
</Head>

<body>
        <table bgcolor="#F0F0F0" border="1" width="720px" height="360px">
            <tr><td bgcolor="#00FF0F" rowspan="3" align="bottom" width="120px">
            <ul type="disc">
            <li>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="#00F0FF" align=center>ini meruapak bagian dari semua blog salah sehingga tidak menghasilkan Balance sehingga blog ini tidak aktif<p >
                    syaa tidak aakan membuat web jika isi nya seperti ini    </td></tr>
            <tr><td align=center>Irsyaddanan.blogspot.com</td></tr>
        </table>
</body>
</html>

Layout 8

<html>
<head>
    <title>MUHAMMAD NAJMI</title>
</head>
<body>
    <table border=1 width=720px height=400px>
    <tr><td bgcolor=#F0F rowspan=2 align=center>Daftar isi</td>
    <td bgcolor=pink align=center><h3>Banner/Judul</h3></td>
    <td bgcolor=#F0F rowspan=2 align=center>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=pink colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>
</html>

Layout 9

 <html>
<head>
    <title>MUHAMMAD NAJMI</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="cyan" align=center width=250px height=170px>Teks daftar isi</td>
        <td bgcolor="green" align=center width=250px height=170px>Gambar</td></tr>
            <tr><td bgcolor="green" align=center width=250px height=170px>Gambar</td>
        <td bgcolor="cyan" align=center width=250px height=170px>Teks daftar isi</td></tr>
    <tr><td bgcolor="blue" colspan=2 align=center width=170px height=100px>Lain-lain</td></tr>
</table>
</body>
</html>

Layout 10

<html>
<head>
    <title>MUHAMMAD NAJMI</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="F0F0F0" colspan=2 align=center width=400px height=50px><h2>Ini Web Sekolah Kita</h2></td></tr>
    <tr><td bgcolor="F0FF00" width=170px height=300px>
    <ul type=square>
    <li>Menu<br></li>
    <li>Profil Sekolah<br></li>
    <li>Galeri Foto<br></li>
    <li>Kegiatan<br></li>
    <li>Hubungi kami</li></td></ul>
    <td bgcolor="green" align=center width=330px>ISI DARI HALAMAN WEB</td></tr>
    <tr><td bgcolor="blue" colspan=2 align=center>Comingsoon! Irsyaddanan.web.id</td></tr>
</table>
</body>
</html>

HASILNYA :

LAYOUT 7 
 

LAYOUT 8 
 
LAYOUT 9 

 

LAYOUT 10 

 


 sekian dan terimakasih !!!!