Selasa, 15 Oktober 2013

Latihan 3 HTML Tabel

Hai, selamat bertemu kembali dengan Inggit Dessy :D
Kali ini saya tampilkan tugas html yang ke 3 sekaligus dengan tugas UTS.
Berikut adalah hasilnya :

Latihan 3
<html>
 <head>
  <title> Inggit Dessy Susanti</title>
 </head>
<body background="princess.jpg">
<font color="blue" font face="Broadway" font size="7"> <p align="center"> Sampel Data Siswa XII IPA 5
<br> <br>
<table border="1" width="100%" align="center" height="100" bgcolor="pink">
 <tr> <td align="center" colspan="1" rowspan="1"> No</td>
      <td align="center" colspan="1" rowspan="1"> Nama</td>
      <td align="center" colspan="1" rowspan="1"> Tempat Tanggal Lahir </td>
      <td align="center" colspan="1" rowspan="1"> Alamat </td> </tr>
 <tr> <td> <td>
 <tr> <td align="center"> 1 </td>
      <td align="center"> Inggit Dessy Susanti </td>
      <td align="center"> Kuningan, 05 Desember 1995 </td>
      <td align="center"> Desa Maleber, Kuningan </td> </tr>
 <tr> <td align="center"> 2 </td>
      <td align="center"> Ghofar Nur Hamzah </td>
      <td align="center"> Kuningan, 18 Oktober 1995</td>
      <td align="center"> Desa Kadugede, Kuningan</td> </tr>
 <tr> <td align="center"> 3 </td>
      <td align="center"> Fitria Putri Utami </td>
      <td align="center"> Kuningan, 01 Desember 1995</td>
      <td align="center"> Desa Sindangsari, Kuningan </td> </tr>
 <tr> <td align="center"> 4 </td>
      <td align="center"> Farhan Almas Muzaki </td>
      <td align="center"> Kuningan, 02 Desember 1995 </td>
      <td align="center"> Desa Jalaksana, Kuningan </td> </tr>
 <tr> <td align="center"> 5 </td>
      <td align="center"> Yuniartika </td>
      <td align="center"> Kuningan, 03 Desember 1995</td>
      <td align="center"> Desa Ancaran, Kuningan </td> </tr>
 <tr> <td align="center"> 6 </td>
      <td align="center"> Moh. Ari RAmadhan </td>
      <td align="center"> Kuningan, 5 Februari 1996 </td>
      <td align="center"> Desa Maleber, Kuningan </td> </tr>
 <tr> <td align="center"> 7 </td>
      <td align="center"> Dewi Novianti Nugraha </td>
      <td align="center"> Kuningan, 12 Desember 1995 </td>
      <td align="center"> Desa Taraju, Kuningan </td> </tr>
 <tr> <td align="center"> 8 </td>
      <td align="center"> Faizal </td>
      <td align="center"> Kuningan, 4 Desember 1995 </td>
      <td align="center"> Desa Pramuka, Kuningan </td> </tr>
 <tr> <td align="center"> 9 </td>
      <td align="center"> Lia Awalia Hikmah </td>
      <td align="center"> Kuningan, 10 Desember 1995 </td>
      <td align="center"> Desa Cilimus, Kuningan </td> </tr>
 <tr> <td align="center"> 10 </td>
      <td align="center"> Galih Purnama </td>
      <td align="center"> Kuningan, 6 Desember 1995 </td>
      <td align="center"> Desa Bojong, Kuningan </td> </tr>
 </tr>
</table>
</body>
</html>

Dan inilah hasilnya:

  
1. Copy terlebih dahulu HTML di atas lalu masukan ke notepad
2. Save dan ubah data menjadi .html
3. Buka dengan Mozila Firefox ataupun Google Chrome

Terimakasih :)


Tidak ada komentar:

Posting Komentar