Tabel (table) pada HTML
Cara membuat tabel.
Untuk membuat table yang sederhana ada 3 elemen utama yaitu table, tr dan td. Tag <table> adalah untuk membuat tabel kemudian di ikuti dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel kemudian tag <td> (table data) adalah untuk membuat kolom pada tabel, kolom-kolom hasil dari tr dan td ini disebut dengan table cell yaitu sebagai lokasi dimana kita memasukkan data-data yang akan di tampilkan.
<html>
<head> <title>Ade irawan</title> </head> <body> <marquee>------------------------->Halaman Web Sederhana ini Merupakan <b>"Tugas 1"</b>... Mata Kuliah <b>"Pemrogaman Web"</b><----------------------------- </marquee> <table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#339900" bgcolor="violet"> <tr bgcolor="silver"> <th colspan="3" height="65"> <p>DATA BIODATA SAYA</p> </th> </tr> <tr> <td width="153"><b>NAMA</b></td> <td width="23"><div align="center" >:</div></td> <td width="326"> Ade irawan </td> </tr> <tr> <td><b>NPM</b></td> <td><div align="center" >:</div></td> <td> 13.02.8514</td> </tr> <tr> <td><b>ANGKATAN</b></td> <td><div align="center" >:</div></td> <td> 2013</td> </tr> <tr> <td><b>TTL</b></td> <td><div align="center" >:</div></td> <td> sleman,23-08-1992</td> </tr> <tr> <td><b>ALAMAT</b></td> <td><div align="center" >:</div></td> <td> pereng dawe balecatur gamping sleman</td> </tr> <tr> <td height="175"><b>RIWAYAT PENDIDIKAN </b></td> <td><div align="center" >:</div></td> <td><p> A.PENDIDIKAN FORMAL </p> <table width="284" align="center" bordercolor="#000000"> <tr> <td > i . SD/MI </td> <td >:</td> <td > SDN kembang jitengan 1 </td> </tr> <tr> <td > ii . SMP/MTS </td> <td >:</td> <td > SMP muhammadiyah 1</td> </tr> <tr> <td > iii . SMA/SMK </td> <td >:</td> <td > SMAN 1 sedayu</td> </tr> </table> <p > B. NON FORMAL : , OSIS</p> </td> </tr> <tr> <td><b>EMAIL</b></td> <td><div align="center" >:</div></td> <td>irawanade415@gmail.com</td> </tr> <tr> <td><b>HOMEPAGE/BLOG</b></td> <td><div align="center" >:</div></td> <td> http:// http://adeirawandee.blogspot.com/</td> </tr> <tr> <td><b>HOBBY</b></td> <td><div align="center" >:</div></td> <td> olahraga</td> </tr> <tr bgcolor="silver"> <td height="23" colspan="3"><p><hr></p> </td> </tr> <tr> <td><b>DESKRIPSI PRIBADI</b></td> <td align="center">:</td> <td> mudah bergaul</td> </tr> <tr> <td><b>FOTO PROFIL </b></td> <td align="center">:</td> <td><div align="center"><img src="DSC_0227JJL2PP" alt="DSC_0227JJL2PP" width="250" height="200"></div></td> </tr> </table> </body> </html> |
