Senin, 08 April 2013

Membuat Curiculum Vitae dengan HTML

Listing code
<html>
<head> 
<title>Untitled Document</title> 
</head>
<body>
<p><h1 align="center">Curiculum Vitae</h1></p> 
<p>&nbsp;</p>
<table width="718" border="0" align="center" style="background-color:#FFFF99">
  <tr>
    <th width="251" scope="row"><div align="left">Nama</div></th>
    <td width="61"><div align="center">:</div></td>
    <td width="392">Prasetyo</td>
  </tr>
  <tr>
    <th scope="row"><div align="left">Tempat Tanggal Lahir </div></th>
    <td><div align="center">:</div></td>
    <td>Jakarta, 7 Mei 1991 </td>
  </tr>
  <tr>
    <th height="60" scope="row"><div align="left">
      <p>Alamat</p>
      <p>&nbsp;</p>
    </div></th>
    <td><div align="center">:</div></td>
    <td><p>Jalan Depnaker No 8<br>
    RT 013/001 Kecamatan Makasar Kelurahan P. Ranti<br>
      Jakarta Timur
</p>    </td>
  </tr>
  <tr>
    <th scope="row"><div align="left">Telepon/HP</div></th>
    <td><div align="center">:</div></td>
    <td>021 8005929 / 085694276031 </td>
  </tr>
  <tr>
    <th scope="row"><div align="left">Email</div></th>
    <td><div align="center">:</div></td>
    <td>tyo.youichi@gmail.com</td>
  </tr>
  <tr>
    <th scope="row"><div align="left">Website</div></th>
    <td><div align="center">:</div></td>
    <td>007isdead.blogspot.com</td>
  </tr>
  <tr>
    <th scope="row"><div align="left">
      <p>Riwayat Pendidikan </p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></th>
    <td><div align="center">
      <p>:</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></td>
    <td><ul>
      <li>TK  Ar Rahmah Pinang Ranti Jak-tim (1995-1997)</li>
      <li>SD  Negeri 05 Pagi Pinang Ranti Jak-tim (1997-2003)</li>
      <li>SMP  Negeri 20 Bulak Rantai Jak-Tim (2003-2006)</li>
      <li>SMA  Negeri 51 Batu Ampar Jak-Tim (2006-2007)</li>
      <li>SMA  Negeri 48 Pinang Ranti Jak-Tim (2007-2009)</li>
      <li>Universitas  Gunadarma (2009-sekarang)</li>
    </ul></td>
  </tr>
  <tr>
    <th scope="row"><div align="left">Pengalaman</div></th>
    <td><div align="center"></div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row"><div align="left">1. Akademik
        <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></th>
    <td><div align="center">
      <p>:</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></td>
    <td><ul>
      <li>Peserta Olimpiade Sains Nasional Mata Pelajaran TIK  tahun 2008</li>
      <li>Telah menyelesaikan Penulisan Ilmiah dengan judul  &ldquo;Aplikasi Pengolahan Data Kader UKM Fajrul Islam Universitas Gunadarma  Menggunakan Java dan MySQL&rdquo;</li>
      <li>Mengikuti Kursus Introduction Oracle : SQL and PL/SQL dari  Lembaga Pengembangan Komputerisasi (LEPKOM) Universitas Gunadarma</li>
    </ul></td>
  </tr>
  <tr>
    <th scope="row"><div align="left">
        <p>2. Non Akademik </p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></th>
    <td><div align="center">
        <p>:</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></td>
    <td><ul>
        <li>Menjadi Pembicara acara Great Faris Training (Pelatihan  Organisasi Dasar) dengan materi &ldquo;Tata Tertib Pembuatan Proposal dan  Sponsorship&rdquo;</li>
      <li>Menjadi Moderator acara Talkshow Karunia Ukhuwah  Ramadhan Penuh Hikmah( KURMA) UKM Fajrul Islam dengan tema &ldquo;Feel The Sweetness  Ramadhan with Kurma&rdquo;</li>
      <li>Peserta Seminar Pelatihan Manajemen Lembaga Dakwah  Kampus dari FSLDK Jadebek di Kampus Mercubuana</li>
    </ul></td>
  </tr>
</table>
<p>&nbsp;</p>
</body> 
</html>

output program




Penjelasan syntax:
<html> : awal program html
<head> : bagian kepala halaman html
<tittle> : judul halaman
<body> : bagian utama program html (isi program html)
<p> : membuat paragraf, pada paragraf bisa menambahkan format tulisan meliputi font size, font style, background color dll

<table> : membuat table, pada tabel bisa dibuat tidak menampilkan garis atau border dengan menambahkan keterangan border= "0"
<tr> : baris pada table
<td> : pemisah kolom pada table
<ul> : untuk membuat list
<li> : bullet pada list yang dibuat

Tidak ada komentar:

Posting Komentar

007isdead.blogspot.com berbagi ilmu berbagi cerita