LAYOUT HALAMAN WEB LEFT INDEX, LAYOUT INDEX, & ALTERNATING INDEX

Oleh
Assalamualaikum Wr. Wb.
Selamat pagi, siang, sore, malam. Pada kali ini saya akan menunjukkan contoh Coding Layout Halaman Web Left Index, Layout Split, dan Alternating Index beserta hasilnya. Berikut codingnya...

Left Index.

<html>
<body>
<head>
<title>Left Index</title>
<form id="form1" name="form1" method="post" action="">
<table width="825" height="447" border="1" cellspacing="1">
<tr>
<td width="160" rowspan="4" align="center" valign="top" bgcolor="#993366"><b>
<p>Home</p>
<p>Profile</p>
<p>About Us</p>
<p>Blog</p>
<p>Contact Us</p></b>
</tr>
<th width="627" height="100" align="center" bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4">Electronic Shop</font></strong></th>
<tr>
<td align="center" valign="center" bgcolor="#FFFF99">Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami. kualaitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.</td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#FFFF99"><font size="+2">profilkami.com</font></td>
</tr>
</table>
</body>
</html>

Hasilnya.

Home
Profile
About Us
Blog
Contact Us
Electronic Shop
Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami. kualaitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
profilkami.com
Layout Split.

<html>
<head>
    <title>Layout Split</title>
</head>
<body>
    <table border=1 width=720px height=500px>
    <tr>
    <td width="100" bgcolor="yellow" rowspan=2 align=center>Daftar isi</td>
    <td bgcolor="maroon" align=center><font color="#CCCCCC"><h2>Banner/Judul</font></h2></td>
    <td width="100" bgcolor="yellow" rowspan=2 align=center>Daftar isi</td>
    </tr>
    <tr>
    <td bgcolor="#f1f1f1" 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="maroon" colspan=3 align=center height="20px"><font color="white">Lain-lain</font></td></tr>
    </table>
</body>
</html>

Hasilnya.


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

Alternating Index.

<html>
<head>
    <title>Alternating Index</title>
</head>
<body>
<table border=1>
    <tr>
    <td bgcolor="purple" align=center width=250px height=170px><font color="white">Teks daftar isi<font></td>
        <td bgcolor="yellow" align=center width=250px height=170px><font size="+3" color="black"><b><i>Gambar</i></b></font></td>
    </tr>
    <tr>
    <td bgcolor="yellow" align=center width=250px height=170px><font size="+3" color="black"><b><i>Gambar</i></b></font></td>
    <td bgcolor="purple" align=center width=250px height=170px><font color="white">Teks daftar isi<font></td></tr>
    <tr>
    <td bgcolor="black" colspan=2 align=center width=170px height=100px><font color="white">Lain-lain</font></td></tr>
</table>
</body>
</html>Hasilnya.

Teks daftar isi Gambar
Gambar Teks daftar isi
Lain-lain

Itu dia contoh Coding Layout Halaman Web Left Index, Layout Split, dan Alternating Index beserta hasilnya. Sekian dari post saya ini. Semoga bermanfaat.
See You...

Komentar

Posting Komentar

Postingan populer dari blog ini

SAMBA SERVER - Installasi, Konfigurasi, dan Pengujian

Oleh
Gambar
Assalamualaikum Wr. Wb... Selamat pagi/siang/sore/malam... Pada post kali ini saya akan membahas bagaimana cara installasi SAMBA SERVER dan bagaimana cara konfigurasi beserta pengujiannya apabila berhasil. Check it out... . . . . A. INSTALLASI SAMBA SERVER Pertama yang harus kalian lakukan tentu saja login ke Debiannya, tapi disini kalian harus login sebagai root . Jika sudah login, selanjutnya untuk install Samba Server ketik apt-get install samba  dan tekan Enter. Ketk Y dan tekan Enter untuk melanjutkan. Masukkan CD atau ISO debian dan tekan Enter untuk melanjutkan installasi samba server. Tunggu hingga proses selesai. B. KONFIGURASI SAMBA SERVER Jika sudah selesai, ketik nano /etc/samba/smb.conf  untuk edit konfigurasi file samba server yang smb.conf Jika sudah masuk ke dalam smb.conf   pergi ke bagian paling bawah dan tambah kan script seperti berikut. Jika sudah selesai, save dengan cara tekan CTRL + X. Lalu tekan Y ....
Baca selengkapnya

STANDAR PENGKABELAN EIA 586

Oleh
Gambar
Assalamualaikum Wr. Wb.... Selamat pagi/siang/sore/malam... Jumpa lagi di Blog saya ONE-X INFORMATION. Pada post kali ini saya akan membahas tentang Standar Pengkabelan EIA 586. Mari langsung saja kita masuk ke pembahasan berikut. Check this out... Standar Pengkabelan EIA 586 UTP       Bagi yang belum tahu kabel UTP ini adalah media transmisi yang terdiri dari 4 pasang kawat. Kabel UTP digunakan dalam berbagai jaringan. Masing-masing dari delapan kabel tembaga individu dalam kabel UTP ditutupi oleh bahan isolasi. Selain itu, kabel di setiap pasangan yang melilit satu sama lain.         Kabel UTP memiliki empat pasang dengan ukuran kawat tembaga 22 atau 24 gauge (gauge merupakan standart pengurkuran kabel). Salah satu faktor yang membedakan kabel UTP dengan kabel lain salah satunya kabel UTP memiliki impedansi 100 ohm. meskipun dahulu kabel UTP dikatakan memiliki kecepatan transfer yang lambat, namun dalam perk...
Baca selengkapnya