Selamat Datang Di Blog Saya

Sabtu, 10 Desember 2016

Home » » Membuat table sederhana dengan coding html5

Membuat table sederhana dengan coding html5

By  Desember 10, 2016  No comments

Heru Dwi Siswoyo

Saturday, December 10, 2016

<! DOCTYPE html> Menyatakan versi terbaru
<html><head><title>Anak Coding</title></head>
<body> 
     <!-- Atribut width pada table digunakan untuk mengatur lebar dari kolom diletakkam pada tag td
          Atribut height pada table digunakan untuk mengatur tinggi dari garis
         Cellpadding digunakan memberikan jarak dari garis tepi / border kedalam elemen
         cellspacing digunakan untuk mengatur spasi dari border / lebar dari border
         align untuk mengatur arah center,left,right
         value dari valign untuk mengatur arah : top,middle,bottom 
         &#10003; untuk ceklis
        &times; untuk silang -->
     
     <table align="center" border cellpadding="10" cellspacing="0">
     <tr><td width="80" height="50" align="center" rowspan="2">No</td>
     <td height ="80" height="50" align="center" rowspan="2"> Nirm </td>
     <td width="200" align="center" rowspan="2"> Nama </td>
     <td width ="120" align="center" rowspan="2"> TTL </td>
     <td width ="120" align="center" colspan="2"> Jenis Kelamin </td>     
     </tr>
     <tr> 
     <td align="center">L</td>
     <td align="center">P</td>
        </tr>
        <tr><td width="90" align="center"> 1 </td>
     <td width="90" align="center"> 2016020420 </td>
     <td align="left"> Heru Dwi Siswoyo </td>
     <td align="left"> Kabanjahe,26 Mei 1998 </td><br>
     <td align="center">&#10003;</td>
     <td align="center"> &times; </td>
     
     </tr>
     <tr><td align="center"> 2 </td>
     <td align="left">---- </td>
     <td align="left">---- </td>
     <td align="left">----</td>
     <td align="center">&#10003;</td>
     <td align="center"> &times; </td>
        </tr>
     <td align="center"> 3 </td>
     <td align="left">---- </td>
     <td align="left">---- </td>
     <td align="left">----</td>
     <td align="center">&#10003;</td>
     <td align="center"> &times; </td>
     </tr>
     <td align="center"> 4 </td>
     <td align="left">---- </td>
     <td align="left">---- </td>
     <td align="left">----</td>
     <td align="center">&#10003;</td>
     <td align="center"> &times; </td>
     </tr>
     <td align="center"> 5 </td>
     <td align="left">---- </td>
     <td align="left">---- </td>
     <td align="left">----</td>
     <td align="center">&#10003;</td>
     <td align="center"> &times; </td>
     </tr>

    </table>

<H1 align="center">“GOODLUCK AND SUCCESS”</H1>

</body>
</html>
       

0 komentar:

Posting Komentar