script html untuk membuat tabel

script html untuk membuat tabel




script html untuk membuat tabel




Haloo sobat semua yang sedang belajar membuat website atau sedang mendesign websitenya, sebelumnya saya sudah pernah membahas tentang fungsi-fungsi dasar script HTML, nah untuk melengkapinya kali ini saya akan membahas mengenai cara membuat tabel menggunakan script HTML. Mungkin ada diantara sobat yang belum tahu script HTML untuk membuat tabel.




oke langsung saja, sobat bisa melihat contoh tabel yang sudah saya buat dibawah ini:




















adhirapuzzpa.blogspot.com
adhirapuzzpa
belajar membuat tabelscript html membuat tabel




nah untuk membuat tabel tersebut scriptnya adalah seperti ini :





<table width=40% border=3 >


<tr>


<td colspan=2>adhirapuzzpa.blogspot.com</td>


</tr>





<tr>


<td>adhira</td>


<td>puzzpa</td>


</tr>


<tr><td>belajar membuat tabel</td>


<td></td>


<td>script html membuat tabel</td>


</tr>


</table>






penjelasan :

saya rasa dengan mengamati tampilan dan script sobat sudah tahu fungsi dari masing-masing script tersebut. jika ingin menambahkan kolom sobat tinggal menambahkan <td> </td> saja diantara <tr> </tr>. sobat juga bisa menggabungkan 2 kolom atau lebih dengan menambahkan colspan, sobat juga bisa membuat tabel didalam tabel.

mengganti warna background tabel, warna border dll. sobat tinggal menambahkan bordercolor=" " bgcolor=" ". silahkan sobat coba mempraktikkannya sendiri.

nah disini saya juga ada contoh yang bisa sobat coba untuk pembelajaran.

silahkan download disini



hasil tampilannya adalah seperti ini:


script html untuk membuat tabel


[klik gambar untuk memperbesar]

Oke sobat, sekian dulu untuk pembahasan cara membuat tabel menggunakan script html kali ini, semoga bisa membantu sobat yang sedang belajar membuat website. Jangan lupa like dan follow blog ini, karena tutorial lain akan terus saya update jadi jangan sampai ketinggalan. ^_^

untuk tutorial web design lainnya silahkan KLIK DISINI



Baca juga :



Share this:

Enter your email address to get update from Kompi Ajaib.

Tidak ada komentar