Cara Membuat Website Sederhana Menggunakan Table HTML – Hai selamat dating di blog KakTau di postingan pertama ini dan materi pertama ini mimin KakTau akan membagikan tutorial mengenai dunia programming web, yaitu “Cara Membuat Website Sederhana Menggunakan Table HTML “.
Nah pasti agan – agan bertanya – Tanya kok buat website pake table ?
ya karena mudah di buat dan mengatur tataletak web tidak harus menggunakan css lagi, karena sifat table yang kotak dan beraturan serta rapih yang memungkinkan kita memanfaatkan sifat ini.
sebelum masuk ke tutorialnya coba kita abaca terlebih dahulu apa itu table sebenarnya secara singkatnya ?.
 |
| Pengertian Table |
Nah itu pengertin secara singkatnya, didalam materi ini pasti ada yang keliru begini, “ kok baris atas kolomnya Cuma 1 ko yang barus ke 2 colomnya ada 2 ko yang ke 3 juga kolomnya satu ? kok bias begitu?, bagi yang belum tau, table di html sama dengan table – table lainnya seperti di excel dll.
yang membedakaannya Cuma cara pembuatannya dan juga bias di gabungkan antar kolom samping dan kolom bawah atau yang sering kita kenal margecell , di html juga bisa.
Kita akan menggabungkan agar lebih statis dan enak di pandang, bila agan menggunakan dreamweaver ada menu yang bisa margecall secar otomatis tanpa menyentuh kodenya lagi.
Untuk membuatnya kita harus mempersiapkan sebagai berikut :
- Text Editor (Wajib & Bebas)
- Laptop/PC ( Wajib )
- Secangkir kopi
Saya disini menggunakan sublime text, mungkin agan ada yang ,menggunakan notepad, notepad++, atom mungkin, atau visual studio code, dll.
1. Buat folder terlebih dahulu untuk menyimpan file html, beri nama fildernya “ Latihan1 “ atau bisa bebas.
2. Kemudian buka kembali text editornya > Klik File / CTRL + N : untuk membuat file baru > kemudian CTRL+ S : untuk save > cari folder yang di buat tadi > save di folder tersebut dengan nama index.html , untuk nama file biasanya index.html ,karena yang muncul pertama itu halaman indexnya dan home.html , untuk nama file bebas tapi extensi jangan di rubah harus .html dan jangan pakai [space] .
Contoh Penamaan :
- home.html [ Benar ]
- index.html [ Benar ]
- test.html [ Benar ]
- index .html [ Salah ]
- home,html [ Salah ]
- testhtml. [ Salah ]
4. Kemudian save dengan nama bebas atau index.html,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Belajar Membuat Website Sederhana</title>
</head>
<body>
<table border="1" width="990" align="center">
<tr>
<td colspan="2" align="center"><h2>Header</h2></td>
</tr>
<tr>
<td colspan="2" align="center"><marquee>Menu</marquee></td>
</tr>
<tr>
<td>ISI KONTENT</td>
<td width="200">Menu</td>
</tr>
<tr>
<td colspan="2" align="center">© Copyright 2019 | By <a href="#">KakTau</a></td>
</tr>
</table>
</body>
</html>
5. Klik 2x pada file htmlnya untuk membuka dan melihat webnya / hasilnya
Maka hasilnya akan begini.
Keterangan :
Belajar Membuat Website Sederhana : Adalah title bar website kamu
Header : Judul Website
<marquee>Menu</marquee> : Menu Navigasi
ISI KONTENT : isi Website seperti : artikel
Menu : biasanya diisi menu populer,about dan lain lain
© Copyright 2019 | By <a href="#">KakTau</a> : Footer biasanya copyright
Kurang Paham ? Silahkan Koment Pasti Dibalas
Semoga bisa bermanfaat dan semoga yang membaca dan praktek bisa pahan
Keren.. mantap dicoba dulu nich
BalasHapus