Tutorial Pemula - NewBie

TUTORIAL MEMBUAT TABEL SEDERHANA DENGAN HTML

Tutorial Membuat tabel sederhana dengan HTML perlu anda kuasai jika ingin menjadi seorang programer dibidang pemrograman website. Kali Develindo.com ini saya akan membahas bagaimana membuat tabel sederhana dan paling sederhana untuk para pemula.

Perlu anda pelajari bagaimana membuat struktur HTML, pastikan anda sudah menghafal struktur dasar code HTML.

Struktur dasar dari code HTML adalah seperti ini

<!doctype html>

<html>

<head>

       <title>Title here!</title>

</head>

<body>


</body>

</html>

 

Struktur HTML tersebut harus anda hafalkan dan ingat baik baik karena sebagai programer harus sudah diluar kepala yah...

Anda bisa menonton video yang sudah saya buat untuk tutorial ini disini

Oke, selanjutnya untuk menuliskan coding, anda dapat mengetikkan coding di antara tag

<body>

...

</body>

 

Nah distu anda dapat mulai mengetikkan coding yang nanti akan tampil dibrowser anda.

Membuat tabel maka perlu tag <table>...</table>, perlu anda ingat bahwa setiap tag memiliki tag pembuka dan tag penutup yah. Kalau anda tidak menyertakan tag penutup pasti error atau miss di script anda.

 

Membuat tabel sederhana ikuti langkah berikut ini

Pertama Buat folder Latiha di dalam folder C://Xampp/htdoc

 

Kedua, Buka text editor anda (misal phpcoder, notepad++, dreamwever, sublime,)

 

Ketiga, Ketikkah script berikut ini san simpan dengan nama tabel.php

<!doctype>

<html>

<head>

       <title>JUDUL WEBSITE ANDA</title>

</head>

<body>


    <table border="1" width="600px" align="center">

       <thead>

       <tr>

           <th>Nama Lengkap</th>

           <th>Alamat</th>

           <th>Nomor Telepon</th>

       </tr>

       </thead>


       <tbody>

       <tr>

           <td>Maryono</td>

           <td>Jogjakarta</td>

           <td>0876666666</td>

       </tr>

       <tr>

           <td>Abdulloh</td>

           <td>Semarang</td>

           <td>0876666666</td>

       </tr>

       <tr>

           <td>Hamdun Sulaiman</td>

           <td>Purwokerto</td>

           <td>0876666666</td>

       </tr>

       <tr>

           <td>Jamal Muiz</td>

           <td>Probolinggo</td>

           <td>0876666666</td>

       </tr>

</tbody>


</table>


</body>

</html>

 

Setelah anda membuat file tabel.php, sekarang anda dapat menjalankannya di browser dengan mengetikan localhost/latihan/tabel.php

Maka akan muncul tampilan seperti ini

tabel sederhana dengan html

Nah untuk lebih jelas anda dapat melihat video yang sudah saya sediakan untuk anda para beginner.

*CATATAN

-Jika anda malas mempraktekan tutorial ini silahkan anda download untuk mempermudah pekerjaan anda

-Jika anda bingung mempraktekannya bisa anda lihat video yang sudah saya berikan dan jangan lupa like n subscribe untuk berlangganan

-Jika anda tertarik dengan tutorial berikutnya Tutorial Membuat Koneksi PHP

Terimakasih selamat mencoba yah

 

Download Source Code Preview Demo

Develindo Web | Tutorial Pemrograman Website