Pembuatan Layout Halaman Menggunakan HTML

          ketikkan HTML di bawah ini untuk membuat layout halaman

Top Index
<!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="#FFFF00"><strong><font size="+5">Banner atau iklan
</font></strong></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#FFCCCC"><font color="#FF0000">Daftar isi atau navigasi</font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#FF66CC">
<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>
<th height="23" align="center" bgcolor="#CCFF99"><font color="#9966CC">Info tambahan atau lain-lain</font></th>
</tr>
</table>
</form>
</body>
</html>


contoh hasil layout

Komentar

Posting Komentar

Postingan populer dari blog ini

Langkah langkah menginstall debian 8 berbasis CLI(command line Interpreter) pada virtual box

Gambar
Langkah langkah menginstall debian 8 berbasis CLI(command line Interpreter) pada virtual box Pertama klik  NEW/Baru pada sudut kiri menu virtual box  masukan nama   pilih tipe os dan pilih versi os nya 2.kedua tentukan jumlah RAM sesuai yang kita inginkan 3.setelah mengatur jumlah ram diatas maka kita akan melihat pilihan berikut ini dan kita  di surah membuat virtual hard disk sebagai tempat penyimpanan data virtual 4. dan berikutnya kita di suruh memilih tipe hardisk  dan pilih saja VDI (VirtualBOX Disk Image) 5.setelah itu klik next 6.tentukan  nama hardisk sesuai keinginan kita dan tentukan  kapasitas hardisknya 7.misalkan saya menaruh os debian 8 di  local disk D maka saya akan cari di situ 8.setelah kita memasukan os tersebut maka os tersebut segara terpanggil dan memulai proses instalasi  sesuai menu yang kita inginkan , dan langsung saja klik install 11.setelah anda memilih install pada menu di atas  anda di suruh memilih bahasa dan pilh
Baca selengkapnya

Desain Web Part 2

Gambar
Assalamu'alaikun wr.wb.               Sekarang saya akan membagikan desain web menggunakan tabel pada HTML, dan ini adalah coding HTML nya : <!DOCTYPE html > <head> <title> Tugas 8 </title> </head> <body> <form id="form1" name="form1" method="post" action="">   <table width="800" height="512" border="1" align="center">     <tr>       <td width="15%" rowspan="3" align="center" bgcolor="green"><strong>Daftar Isi</strong></td>       <td width="67%" height="23" align="center" bgcolor="cyan"><font size="+3"><strong>Banner/judul</strong></font></td>       <td width="15%" rowspan="3" align="center" bgcolor="green"><strong>Daftar Isi</strong></td&
Baca selengkapnya

MENGGABUNGKAN GAMBAR DALAM TEKS, POSISI TERHADAP TEKS SECARA VERTIKAL

Gambar
<html> <head> <title>Tugas1</title> </head> <body> <h2><b> menggabung gambar dalam teks , posisi terhadap teks secara vertikal</h2> <p><img src="yuno.jpg" width="470" height="180" align ="top">(menggunakan align=TOP)</p> <p><img src="yuno.jpg" width="470" height="180" align="middle">menggunakan align=MIDDLE</p> <p><img src="yuno.jpg" width="470" height="180" align="bottom">(menggunakan align=BOTTOM)</p> </body> </html>
Baca selengkapnya