Dari dulu saya hanya menikmati modul-modul dari internet, sedikit malu juga sih taunya hanya download terus,, jadi akhir-akhir ini saya ceking bersih-bersih laptop ternyata sudah banyak latihan-latihan yang saya buat, ketimbang terbuang begitu saja, lebih indahnya jika kita berbagi ilmu dengan sesama , nah langsung saja kali ini saya akan berbagi ilmu membuat halaman utama sebuah website dengan HTML.
Nah agar pekerjaan kita rapih walaupun hanya dengan html, dan agar kita terbiasa. alangkah baiknya kita menginstal kedalam laptop, PC kita
1. Xampp 1.7.4
INI HASIL AKHIR NYA
oke, Semua saya anggap sudah berhasil mengsinstalnya di dalam laptop masing-masing berikut gambarnya bagi yang sudah sukses
Gambar.Xampp
Selanjutnya Buka didalam system anda, kalau di tempat saya letaknya berada di C: ,
nah buat Folder di C: xampp/htdocs/ ,namanya utama ya.
oke didalam folder utama copykan gambar sebanyak 3 dan ubah namanya menjadi 2.jpg, 3.jpg, 4.jpg untuk gambarnya terserah ya.
Lalu buka notepadnya dan ketikkan lah kode berikut ini dengan penyimpannya
C:xampp/htdocs/utama dengan nama index.html
<html>
<head>
<title>Halaman Utama</title>
</head>
<body>
<table border = 1 width= 80% height = 300 align="center" >
<tr>
<td colspan = 2 valign= middle width= 50% HEIGHT= 40 bgcolor="yellow" align="center">
SELAMAT DATANG DI AMIK TUNAS BANGSA </TD>
<tr>
<td valign = middle width = 10% height = 220 >
silahkan klik menu di sebelah kanan </td>
<td valign = middle width = 42% height = 220 bgcolor="pink"> <center><img src="2.jpg" width = 40 % height = 40>    
<img src="3.jpg" width = 40 % height = 40>     <img src="4.jpg" width = 40 % height = 40></center><br>
<center>profil     gallery     Ekstra</center></td>
<tr>
<td colspan = 2 valign= middle align= center width=50% HEIGHT= 40 bgcolor="#0066cc" >
<font face="Monotype Corsiva"> Terimah kasih atas kunjunganya </font></td>
</table>
</body>
</html>
Untuk Mengujinya buka Web Browser anda contohnya Mozilla Fire fox, ketikan di addres bar
Localhost/utama
Tidak ada komentar:
Posting Komentar