Tag Archives: apa itu layout

Belajar HTML, Membuat Layout

Apa itu layout ?, ¬†Penjelasan singkat dari saya Layout itu tata ruang halaman website, mengapa perlu di buat ruangan ?, analoginya gini… bila anda punya rumah apakah pantas ruang tamu digabung sama kamar mandi :D, sama aja kaya website, website akan jadi rapi bila menggunakan layout itu menurut gueh :P, bagian menu sendiri, bagian artikel sendiri… dan lain-lain.

Source Code di bawah ini membuat layout sederhana menggunakan table, silahkan coba :

<html>
<head>
<title>Belajar Layout</title>
</head>
<body>
<div align=”center”>
<table width=”925″ height=”310″ border=”0″>
<tr>
<td colspan=”4″ style=”background-color:#AD3F8E”><h1 align=”left”>Naml.com </h1> <p align=”left”><strong><em>Semut tahu kalau dirinya kecil, Dia menjadi besar karena jiwa sosialnya yang tinggi.</em></strong></p> </td>
</tr>
<tr>
<td colspan=”3″ rowspan=”4″ style=”background-color:#D89A3D”><h4>Bahasa Pemrograman Java</h4>
<p>&nbsp;</p></td>
<td width=”267″ height=”47″ style=”background-color:#CAD262″><div align=”center”>
<h2>Menu </h2>
</div></td>
</tr>
<tr>
<td height=”30″ style=”background-color:#CAD262″><h3>Pemrograman</h3></td>
</tr>
<tr>
<td height=”30″ style=”background-color:#CAD262″><h3><strong>Sejarah Teknologi</strong></h3></td>
</tr>
<tr>
<td height=”30″ style=”background-color:#CAD262″><h3>Sistem Operasi</h3>
<p>&nbsp;</p></td>
</tr>
<tr>
<td width=”161″>&nbsp;</td>
<td width=”170″>&nbsp;</td>
<td width=”309″>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</body>
</html>

Leave a comment

Filed under HTML (HYPERTEXT MARKUP LANGUAGE)