Hore...setelah kita membuat dan praktek contoh contoh penggalan website, sekarang kita mencoba untuk membuat website secara utuh. Dengan cara menggabungkan bagian bagian yang sudah kita praktekan sebelumnya. yang belum membaca postinganku sebelumnya, monggo lihat disini. Ok. Nanti disini kita juga akan belajar tentang memasukkan gambar ke halaman website kita. Mari kita mulai praktek. Ikuti langkah langkah berikut ini :
1. Buatlah folder dengan nama projek (Nama folder bisa diubah sesuai dengan selera)
2. Pastikan di dalam foler anda ada 1 gambar (agar tampilan lebih oke) dan kasih nama gambar.jpg.
3. Buka teks editor (notepad, dreamwaver, notepad++, dll).
4. Ketikan kode script di bawah ini
<html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
</head>
<body>
<img src="gambar.jpg">
<p><a href="home.html">HOME</a> <a href="profil.html">PROFIL</a></p>
<h1>Ini adalah website sederhana saya</h1>
<p>Ini adalah halaman home saya, disini bisa anda isi dengan artikel sesuai dengan keinginan anda.</p>
</body>
</html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
</head>
<body>
<img src="gambar.jpg">
<p><a href="home.html">HOME</a> <a href="profil.html">PROFIL</a></p>
<h1>Ini adalah website sederhana saya</h1>
<p>Ini adalah halaman home saya, disini bisa anda isi dengan artikel sesuai dengan keinginan anda.</p>
</body>
</html>
5. Simpan dengan nama home.html dan simpan di folder yang sudah anda buat tadi
6. Buka teks editor baru (notepad, dreamwaver, notepad++, dll).
7. Ketikan kode script di bawah ini
<html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
</head>
<body>
<img src="gambar.jpg">
<p><a href="home.html">HOME</a> <a href="profil.html">PROFIL</a></p>
<h1>Ini adalah website sederhana saya</h1>
<p>Ini adalah halaman profil saya</p>
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td>Reds Script</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>Lamongan</td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td>Web Programming</td>
</tr>
</table>
</body>
</html>
<head>
<title>kiblatwebsite.blogspot.co.id</title>
</head>
<body>
<img src="gambar.jpg">
<p><a href="home.html">HOME</a> <a href="profil.html">PROFIL</a></p>
<h1>Ini adalah website sederhana saya</h1>
<p>Ini adalah halaman profil saya</p>
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td>Reds Script</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>Lamongan</td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td>Web Programming</td>
</tr>
</table>
</body>
</html>
8. Simpan dengan nama profil.html dan simpan di folder yang sudah anda buat tadi
1 comments:
commentslumayan bagus postingannya
Reply