안녕하세요
Kembali lagi dengan saya~
Kali ini saya akan membawakan penjelasan baru mengenai membuat form imputan menggunakan table di dalam html.
Prinsipnya kali ini sama kok geng sama penjelasan di part 1-3 (yang belum ngerti bisa diliat ya geng) J
Yuk cekidot ꒰ •ᴗ•｡꒱
Membuat Form Imputan Menggunakan Table ▼
1. Aktifkan XAMPP (Apache & MySQL)
2. Buat folder baru di dalam htdocs dengan nama : websiteku
3. Buat folder baru di dalam websiteku dengan nama : adminku
4. Buat file baru dengan nama : login.html dan simpan di dalam folder websiteku
5. Isikan coding struktur dasar html di dalam file login.html
6. Ketikan coding untuk menampilkan form login
hasilnya :
Tag<span> dan Tag<div>
<span> ► in-line (tidak bikin blok/baris baru)
<div> ► block-line (bikin blok/baris baru)
► Keduanya tidak ada tujuan/maknanya
► Keduanya lebih ke desain web CSS
7. Buat file baru dengan nama : beranda.html dan simpan di dalam folder adminku
8. Isikan struktur dasar html di dalam file beranda.html
9. Ketikan coding untuk menampilkan halaman beranda admin
Manajemen folder & file
Websiteku
--login.html
--adminku
--beranda.html
STRUKTUR WEB
Header
Menu
Sidebar
Konten
Footer
Valign : Vertical align (top;middle;bottom)
Align : Horizontal align (left;center;right;justify)
<html>
<head>
<title>Halaman Admin</title>
</head>
<body>
<table align="center" border="0" width="800">
<tr>
<td align="center" height="90" bgcolor="yellow" colspan="2">
<h1> HALAMAN ADMINISTRATOR</h1>
</td>
</tr>
<tr>
<td align="center" height="30" bgcolor="red" colspan="2">
<a href="beranda.html">HOME</a> |
<a href="profil.html">PROFIL</a>
</td>
</tr>
<tr height="300">
<td valign="top" width="150" bgcolor="aqua">
<h4>BUKU TAMU</h4>
<p>Isi dari buku tamu</p>
<h4>KOMENTAR</h4>
<p>Isi dari komentar</p>
</td>
<td width="650" bgcolor="white">
<p align="justify">Selamat datang di halaman Beranda</p>
</td>
</tr>
<tr>
<td height="30" bgcolor="Pink" colspan="2">
<p align="center"> Copyright @2018 | Oleh: Devy Mutmainnah</p>
</td>
</tr>
</table>
</body>
</html>
Sekian penjelasan saya tentang membuat form imputan menggunakan table pada html.
Semoga bermanfaat.
See U Next Time Geng~
Tidak ada komentar:
Posting Komentar