Untuk merancang dan mendesign sebuah website, diperlukan keahlian dan penguasaan terhadap bahasa pemrograman html. Dengan HTML kita dapat menentukan design awal sebuah website yang akan kita bangun. Meskipun banyak tools atau program yang tersedia untuk mendesign website secara otomatis, sebagai web developer, menguasai html sangat wajib dilakukan. Berikut ini akan saya berikan artikel mengenai cara merancang website awal dengan html.
Pertanyaan : Bagaimana cara mendesign website dengan html?, bagaimana cara merancang halaman web dengan html?
BUKA NOTEPAD,
kemudian silahkan copy kode html berikut ini dan pastekan di notepad
<html>
<body>
<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>Main Title of Web Page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#FFD700;width:100px;text-align:top;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;">
Content goes here</td>
</tr>
<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Copyright © 2011 W3Schools.com</td>
</tr>
</table>
</body>
</html>
Simpan dengan format (.html) --> maksudnya simpan dengan nama (namafile.html)
setelah itu file nya akan menjadi format html. dan jika diklik akan terbuka di web browser (mozilla / chrome / internet explorer anda) seperti ini :
Pertanyaan : Bagaimana cara mendesign website dengan html?, bagaimana cara merancang halaman web dengan html?
BUKA NOTEPAD,
kemudian silahkan copy kode html berikut ini dan pastekan di notepad
<html>
<body>
<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>Main Title of Web Page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#FFD700;width:100px;text-align:top;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;">
Content goes here</td>
</tr>
<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
Copyright © 2011 W3Schools.com</td>
</tr>
</table>
</body>
</html>
Simpan dengan format (.html) --> maksudnya simpan dengan nama (namafile.html)
setelah itu file nya akan menjadi format html. dan jika diklik akan terbuka di web browser (mozilla / chrome / internet explorer anda) seperti ini :
Main Title of Web Page | |
Menu HTML CSS JavaScript | Content goes here |
Copyright © 2011 W3Schools.com | |
