Selamat Datang Di Blog Sederhana ini

Senin, 29 Juli 2013

Membuat tabel dengan HTML | tutor HTML |

kali ini saya membuat tutor HTML | membuat tabel meski sudah banyak yang membuat artikel ini, lebih bagus dan keren tapi saya tetap berusaha yang lebih baik jangan takut tersaing tetap berusaha pasti bisa...


pertama2 ketik
<html>
Kemudian
<body>
kalau mau ksh judul ketik
<h3> kolom 1 </h3>
<table border="1">


table border adalah ukuran garis table
kemudian ketik
<tr>
       <td> andry </td>
       <td> love   </td>
       <td> andri  </td>
</tr>

akan jadi seperti ini


kolom 1

andry love andri

ketika ingin menambahkan kolom lagi menjadi 2
tambahkan saja seperti ini
<tr>
       <td> andry </td>
       <td> love   </td>
       <td> andri  </td>
</tr>

jadi kode html nya akan seperti ini

<h3> kolom 2 </h3>
<table border="1">
<tr>
<th>kolom 1 </th>
<th>kolom 2 </th>
<th>kolom 3 </th>
</tr>
<tr>
<td> andry </td>
<td> love   </td>
<td> andri  </td>
</tr>
<tr>
<td> andry </td>
<td> love   </td>
<td> andri  </td>
</tr>

hasilnya :

kolom 2

andry love andri
andry love andri


jadi ingin menambahkan kolom ke 3 sama seperti ketika ingin menambahkan kolom ke 2 tadi...

apa bila ingin judulnya di dalam kotak juga tambahkan kode ini
<tr>
<th>kolom 1 </th>
<th>kolom 2 </th>
<th>kolom 3 </th>
</tr>
pas di bawah <table border="1"> dan hilangkan judul yang lama yang kode seperti ini <h3> kolom 1 <h3>


jika ingin menambahkan pernak-pernik... seperti teks kedap-kedip kodenya adalah <blink> , tambahkan saja di tesk yang ada di dalam kolom contoh :

<tr>
<td><blink> andry </blink></td>
<td><blink> love   </blink></td>
<td><blink> andri  </blink></td>
</tr>

jadi hasil semua kodenya sebagai berikut

<table border="1">

<tr>
<th>kolom 1 </th>
<th>kolom 2 </th>
<th>kolom 3 </th>
</tr>
<tr>
<td><blink> andry </blink></td>
<td><blink> love   </blink></td>
<td><blink> andri  </blink></td>
</tr>
<tr>
<td><blink> andry </blink></td>
<td><blink> love   </blink></td>
<td><blink> andri  </blink></td>
</tr>
</tr>

hasil :

kolom 1 kolom 2 kolom 3
andry love andri
andry love andri

jangan lupa kode penutupnya yaitu
</body>
</html>

pesan dari  forumalb ketika anda ingin mempelajari HTML jangan hanya copas (copy paste) saja, karena kita tidak dapat dan meresapi ilmunya... coba anda ketik sendiri meski liat contekan lama kelamaan anda pasti ada code yang terseva di otak ada tanpa anda hafal... terima kasih atas kunjungannya dan sudah membaca artikel sederhana saya...

Tidak ada komentar:

Posting Komentar

kawand-kawand jangan lupa coment yaaa!!!!!!
karena coment kalian ikut membantu blog ini berkembang
dan bila ada link yg rusak segera beritahu kami