Rabu, 10 Februari 2016

Layout 9

Cara Membuat Tabel di Blog. Memang ini tidak terlalu penting, tapi pasti ini akan berguna bagi sobat Ladang Tutorial nantinya.

Contoh Coding :

<html>
<head>
    <title>WEB Risma</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="#9932CC" align=center width=250px height=170px>Teks daftar isi</td>
        <td bgcolor="#00BFFF" align=center width=250px height=170px>Gambar</td></tr>
            <tr><td bgcolor="#00BFFF" align=center width=250px height=170px>Gambar</td>
        <td bgcolor="#FFD700" align=center width=250px height=170px>Teks daftar isi</td></tr>
    <tr><td bgcolor="#ADFF2F" colspan=2 align=center width=170px height=100px>Lain-lain</td></tr>
</table>
</body>
</html>

Hasilnya :
Diposting oleh di Tidak ada komentar:

Layout 8

Cara Membuat Tabel di Blog. Memang ini tidak terlalu penting, tapi pasti ini akan berguna bagi sobat Ladang Tutorial nantinya.

Contoh Coding :
<html>
<head>
    <title>WEB Risma</title>
</head>
<body>
    <table border=1 width=720px height=400px>
    <tr><td bgcolor=red rowspan=2 align=center>Daftar isi</td>
    <td bgcolor=red align=center><h3>Banner/Judul</h3></td>
    <td bgcolor=red 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>

Hasilnya :
Diposting oleh di 1 komentar:

Layout 7

Cara Membuat Tabel di Blog. Memang ini tidak terlalu penting, tapi pasti ini akan berguna bagi sobat Ladang Tutorial nantinya.
Contoh coding

<html>
<Head>
    <title>Layout 7</title>
</Head>

<body>
        <table bgcolor="red" border="1" width="720px" height="360px">
            <tr><td bgcolor="#483D8B" 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="#ADD8E6" align=center>Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami.
   kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
    </p></td>
    </td></tr>
            <tr><td align=center>Rismaoktav.blogspot.com</td></tr>
      
      
        </table>

</body>
</html>

hasil :

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