|
Membuat Halaman Utama Website HTML |
 |
 |
 |
|
Oleh Hendrik Perdana
|
|
Minggu, 29 November 2009 20:12 |
|
Pada artikel ini saatnya mengupdate isi website dengan yang sebenarnya. Untuk itu bukalah file index.html dan rubahlah kode HTML dan jangan lupa ubah atribut border pada setiap tabel menjadi "0" dan bgcolor pada tabel menjadi kosong. Ketikan atau Copy paste kode HTML dibawah ini pada file index.html anda : <html>
<head>
<title>(nama anda) Website</title>
</head>
<body bgcolor="#D7E7F3">
<table border="0" style="border-collapse: collapse" width="100%" cellpadding="8"bordercolor="black">
<tr>
<td width="20%">
<!-- ini tabel foto -->
<table border="0" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td align="center"><img border="1" height="100" width="150"src="/img/fotoku.jpg"></td>
</tr>
</table>
<p><hr></p> <!-- untuk memberi jarak -->
<!-- ini tabel menu -->
<table border="0" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td><font size="2">
<ul>
<li><a href="/profilku.html">Profil</a></li>
<li><a href="/kegiatanku.html">Kegiatan</a></li>
<li><a href="/galeri.html">Galeri Foto</a></li>
<li><a href="mailto:
Alamat surel ini dilindungi dari robot spam. Anda perlu mengaktifkan JavaScript untuk melihatnya
">Email saya</a></li>
</ul>
</td>
</tr>
</table>
</td>
<!-- ini untuk kolom 2 tabel utama -->
<td valign="top">
<p align="center"><font size="4"><b>SELAMAT DATANG DI WEBSITE [Nama Anda]</b></font></p>
<p align="justify"><font size="2">Saya ucapkan terima kasih atas kunjungan anda ke website
saya. Pada website ini anda dapat melihat profil data diri saya dan kegiatan - kegiatan
yang saya lakukan.</font></p>
<p align="left"><font size="4"><b>Tentang Saya</b></font></p>
<p align="justify"><font size="2">Ini adalah konten untuk memberikan kata pengantar atau seputar tentang diri anda.</font></p>
</td>
</tr>
</table>
</body>
</html> Setelah selesai mengedit simpanlah file tersebut. Jalankan file tersebut lewat IE atau anda bisa klik 2x pada folder C:\HTML\profil\index.html dan lihat hasilnya. Pada artikel selanjutnya kita akan buat konten untuk profilku.html sesuai dengan link pada tabel diatas. |
|
Terakhir Diperbaharui pada Senin, 30 November 2009 08:48 |
