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😀, sama aja kaya website, website akan jadi rapi bila menggunakan layout itu menurut gueh😛, 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)