SlideShare a Scribd company logo
Membuat CV (CurriculumVitae) dengan menggunakn
HTML.
Kebanyakan orang membuat CV atau Surat lamaran kerja dengan formatWord,
excel ataupun Pdf, yang terkesan cukup mainstream. Oleh karena itu saya akan
memberikan tutorial membuat CV dengan format HTML.
Pertama tama, sebelumnya harus sudah memilikiText Editor dan Browser.Text
Editor yang saya gunakan adalah Notepad++ dan browsernya adalah Google
Chrome.
Selanjutnya, buka Notepad++ anda.
Lalu,isikan dengan Script HTML yg berisi Cv anda.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #999999;
}
.style1 {
font-size: xx-large;
font-weight: bold;
}
.style5 {font-size: 24px; font-weight: bold; }
body,td,th {
color: #F0F0F0;
}
.style6 {font-size: xx-large; font-weight: bold; font-style: italic; }
-->
</style></head>
<body>
<h2 align="center" class="style6"><u>CURRICULUMVITAE </u></h2>
<p align="center" class="style6">&nbsp;</p>
<h2 align="center" class="style6"><img src="CAMPURAN/foto.jpg" width="273" height="329" /></h2>
<p align="center" class="style6">DwiAnggraini Sufianti </p>
<p align="center" class="style6">&nbsp;</p>
<p align="center" class="style6">&nbsp;</p>
<table width="1325" border="1">
<tr>
<td colspan="2" bgcolor="#000033"><div align="center"><span class="style1">DATA DIRI</span></div></td>
</tr>
<tr>
<td width="371" bgcolor="#000033"><span class="style5">Nama</span></td>
<td width="938" bgcolor="#000033"><span class="style5">DwiAnggraini Sufianti </span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Nama Panggilan </span></td>
<td bgcolor="#000033"><span class="style5">Dwi</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Jenis Kelamin </span></td>
<td bgcolor="#000033"><span class="style5">Perempuan</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Tempat, tanggal lahir </span></td>
<td bgcolor="#000033"><span class="style5">Jakarta, 3 Agustus 1986 </span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Status Perkawinan </span></td>
<td bgcolor="#000033"><span class="style5">Single</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Tinggi Badan </span></td>
<td bgcolor="#000033"><span class="style5">163</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Agama</span></td>
<td bgcolor="#000033"><span class="style5">Islam</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Alamat</span></td>
<td bgcolor="#000033"><span class="style5">Perum Braha Indah BlokA8 No. 39 Rt. 004 Rw. 014</span></td>
</tr>
<tr>
<td bgcolor="#000033">&nbsp;</td>
<td bgcolor="#000033"><span class="style5">Kelurahan Jati Mekar Kecamatan Jati Asih Kota Bekasi 17422
</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Telepon</span></td>
<td bgcolor="#000033"><span class="style5">082110736744</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">Email</span></td>
<td bgcolor="#000033"><span class="style5">Dasukianti@gmail.com</span></td>
</tr>
</table>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="center" class="style1"><u>LATAR BELAKANG PENDIDIKAN </u></p>
<table width="1327" border="1" bordercolor="#333333">
<tr>
<td height="41" colspan="2" bgcolor="#000033"><div align="center"><span class="style1">PENDIDIKAN
FORMAL </span></div></td>
</tr>
<tr>
<td width="373" bgcolor="#000033"><div align="center"><span class="style5">1992 - 1998
</span></div></td>
<td width="938" bgcolor="#000033"><span class="style5">SDSANGKASA IX, JAKARTATIMUR</span></td>
</tr>
<tr>
<td bgcolor="#000033"><div align="center"><span class="style5">1998 - 2001 </span></div></td>
<td bgcolor="#000033"><span class="style5">SLTPN 81, JAKARTATIMUR </span></td>
</tr>
<tr>
<td bgcolor="#000033"><div align="center"><span class="style5">2001 - 2004 </span></div></td>
<td bgcolor="#000033"><span class="style5">SMUN 93, JAKARTATIMUR</span></td>
</tr>
<tr>
<td bgcolor="#000033"><div align="center"><span class="style5">2004 - 2009 </span></div></td>
<td bgcolor="#000033"><span class="style5">UNIVERSITASGUNADARMA, Diploma III MANAJEMEN
INFORMATIKA </span></td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="1332" border="1">
<tr>
<td height="51" colspan="2" bgcolor="#000033"><div align="center"><span class="style1">PENDIDIKAN
NON FORMAL</span></div></td>
</tr>
<tr>
<td width="373" bgcolor="#000033"><div align="center"><span class="style5">2002-2003</span></div></td>
<td width="943" bgcolor="#000033"><span class="style5">Lembaga Bahasa Asing LIA </span></td>
</tr>
</table>
<p>&nbsp;</p>
<p align="center" class="style1">&nbsp;</p>
<p align="center" class="style1">&nbsp;</p>
<table width="1338" border="1">
<tr>
<td height="54" colspan="2" bgcolor="#000033"><div align="center"><span class="style1">PENGALAMAN
KERJA</span></div></td>
</tr>
<tr>
<td width="371" bgcolor="#000033"><span class="style5">2010 - 2012 </span></td>
<td width="951" bgcolor="#000033"><span class="style5">PT. INFOMEDIA NUSANTARA</span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">2012 - 2015 </span></td>
<td bgcolor="#000033"><span class="style5">PT. MITRACOMM EKASARANA </span></td>
</tr>
<<td bgcolor="#000033"><span class="style5">PT. BANK DBS INDONESIA </span></td>
</tr>
<tr>
<td bgcolor="#000033"><span class="style5">2016 - saat ini </span></td>
<td bgcolor="#000033"><span class="style5">KEMENTERIAN RISET,TEKNOLOGI, DAN PENDIDIKANTINGGI
</span></td>
</tr>
</table>
<p>&nbsp;</p>
<p align="left" class="style1">&nbsp;</p>
<p align="left" class="style1">&nbsp;</p>
<table width="1344" border="1" bgcolor="#000033">
<tr>
<td colspan="2"><div align="center"><span class="style1">KETERAMPILAN</span></div></td>
</tr>
<tr>
<td width="369"><span class="style5">KOMPUTER</span></td>
<td width="959"><span class="style5">Ms-Word, Ms-Excel, Ms-Power Point </span></td>
</tr>
</table>
<p align="left" class="style1">&nbsp;</p>
<p align="left" class="style1">&nbsp; </p>
<p align="left">&nbsp;</p>
</body>
</html>
Tampilan CV dengan HTML
Membuat CV dengan HTML
Membuat CV dengan HTML
Membuat CV dengan HTML

More Related Content

PDF
Sistem bilangan kompleks
PDF
Tabel distribusi frekuensi
PPT
2. Faktorial
DOCX
3. newton raphson method
PPTX
PPT MATERI TRIGONOMETRI KELAS 10 SEMESTER 2.pptx
DOCX
Matriks elementer
PDF
File1 soal contoh binomial dan poisson
DOCX
Kurikulum tambang upn veteran yogyakarta
Sistem bilangan kompleks
Tabel distribusi frekuensi
2. Faktorial
3. newton raphson method
PPT MATERI TRIGONOMETRI KELAS 10 SEMESTER 2.pptx
Matriks elementer
File1 soal contoh binomial dan poisson
Kurikulum tambang upn veteran yogyakarta

What's hot (20)

DOCX
Pertemuan 7 (ukuran kemiringan dan keruncingan data)
PPTX
metode simpleks maksimum (Program linear)
PPTX
Sistem bilangan bulat (makul teori bilangan)
PPTX
Ppt kaidah pencacahan
PDF
Perhitungan statistik
PDF
Distribusi normal, f,t
DOCX
Sistem bilangan bulat (ma kul teori bilangan)
DOCX
Pembahasan Olimpiade Matematika SMA Babak Penyisihan
PPTX
Ppt transformasi geometri
PPT
Transformasi Laplace
PDF
Fisika matematika bab4 differensial danintegral
PDF
Aplikasi matriks dalam penyelesaian
PPT
Sifat sifat Determinan
PDF
Analisis Algoritma - Pengantar Kompleksitas Algoritma
PPTX
Matriks eselon baris dan eselon baris tereduksi
PDF
Aljabar matriks-its
PDF
Geometri analitik ruang
PDF
Contoh-soal-kalkulus-iii
PPT
Determinan es
PPTX
ALJABAR LINEAR ELIMINASI GAUSSIAN
Pertemuan 7 (ukuran kemiringan dan keruncingan data)
metode simpleks maksimum (Program linear)
Sistem bilangan bulat (makul teori bilangan)
Ppt kaidah pencacahan
Perhitungan statistik
Distribusi normal, f,t
Sistem bilangan bulat (ma kul teori bilangan)
Pembahasan Olimpiade Matematika SMA Babak Penyisihan
Ppt transformasi geometri
Transformasi Laplace
Fisika matematika bab4 differensial danintegral
Aplikasi matriks dalam penyelesaian
Sifat sifat Determinan
Analisis Algoritma - Pengantar Kompleksitas Algoritma
Matriks eselon baris dan eselon baris tereduksi
Aljabar matriks-its
Geometri analitik ruang
Contoh-soal-kalkulus-iii
Determinan es
ALJABAR LINEAR ELIMINASI GAUSSIAN
Ad

More from Dasufianti (10)

PPTX
Review kaizala apps tugas b.inggris bisnis2
PPTX
Subsistem penelitian dan subsistem perencanaan Sistem Informasi SDM
PPTX
Kecerdasan bisnis- Sistem Penunjang Keputusan
PPTX
Manajemen resiko
PPTX
Tutorial animasi sederhana dengan adobe photoshop cs6
PPTX
Manajemen layanan si
PPTX
Information Technology Infrastructure Library (ITIL)
PPTX
Ilmu Budaya Dasar
PPTX
ETIKA TSI
PPTX
Penduduk, masyarakat dan kebudayaan
Review kaizala apps tugas b.inggris bisnis2
Subsistem penelitian dan subsistem perencanaan Sistem Informasi SDM
Kecerdasan bisnis- Sistem Penunjang Keputusan
Manajemen resiko
Tutorial animasi sederhana dengan adobe photoshop cs6
Manajemen layanan si
Information Technology Infrastructure Library (ITIL)
Ilmu Budaya Dasar
ETIKA TSI
Penduduk, masyarakat dan kebudayaan
Ad

Membuat CV dengan HTML

  • 1. Membuat CV (CurriculumVitae) dengan menggunakn HTML. Kebanyakan orang membuat CV atau Surat lamaran kerja dengan formatWord, excel ataupun Pdf, yang terkesan cukup mainstream. Oleh karena itu saya akan memberikan tutorial membuat CV dengan format HTML. Pertama tama, sebelumnya harus sudah memilikiText Editor dan Browser.Text Editor yang saya gunakan adalah Notepad++ dan browsernya adalah Google Chrome. Selanjutnya, buka Notepad++ anda.
  • 2. Lalu,isikan dengan Script HTML yg berisi Cv anda.
  • 3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-color: #999999; } .style1 { font-size: xx-large; font-weight: bold; } .style5 {font-size: 24px; font-weight: bold; } body,td,th { color: #F0F0F0; } .style6 {font-size: xx-large; font-weight: bold; font-style: italic; } -->
  • 4. </style></head> <body> <h2 align="center" class="style6"><u>CURRICULUMVITAE </u></h2> <p align="center" class="style6">&nbsp;</p> <h2 align="center" class="style6"><img src="CAMPURAN/foto.jpg" width="273" height="329" /></h2> <p align="center" class="style6">DwiAnggraini Sufianti </p> <p align="center" class="style6">&nbsp;</p> <p align="center" class="style6">&nbsp;</p> <table width="1325" border="1"> <tr> <td colspan="2" bgcolor="#000033"><div align="center"><span class="style1">DATA DIRI</span></div></td> </tr> <tr> <td width="371" bgcolor="#000033"><span class="style5">Nama</span></td> <td width="938" bgcolor="#000033"><span class="style5">DwiAnggraini Sufianti </span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">Nama Panggilan </span></td> <td bgcolor="#000033"><span class="style5">Dwi</span></td>
  • 5. </tr> <tr> <td bgcolor="#000033"><span class="style5">Jenis Kelamin </span></td> <td bgcolor="#000033"><span class="style5">Perempuan</span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">Tempat, tanggal lahir </span></td> <td bgcolor="#000033"><span class="style5">Jakarta, 3 Agustus 1986 </span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">Status Perkawinan </span></td> <td bgcolor="#000033"><span class="style5">Single</span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">Tinggi Badan </span></td> <td bgcolor="#000033"><span class="style5">163</span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">Agama</span></td> <td bgcolor="#000033"><span class="style5">Islam</span></td>
  • 6. </tr> <tr> <td bgcolor="#000033"><span class="style5">Alamat</span></td> <td bgcolor="#000033"><span class="style5">Perum Braha Indah BlokA8 No. 39 Rt. 004 Rw. 014</span></td> </tr> <tr> <td bgcolor="#000033">&nbsp;</td> <td bgcolor="#000033"><span class="style5">Kelurahan Jati Mekar Kecamatan Jati Asih Kota Bekasi 17422 </span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">Telepon</span></td> <td bgcolor="#000033"><span class="style5">082110736744</span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">Email</span></td> <td bgcolor="#000033"><span class="style5">Dasukianti@gmail.com</span></td> </tr> </table> <p align="left">&nbsp;</p> <p align="left">&nbsp;</p>
  • 7. <p align="left">&nbsp;</p> <p align="center" class="style1"><u>LATAR BELAKANG PENDIDIKAN </u></p> <table width="1327" border="1" bordercolor="#333333"> <tr> <td height="41" colspan="2" bgcolor="#000033"><div align="center"><span class="style1">PENDIDIKAN FORMAL </span></div></td> </tr> <tr> <td width="373" bgcolor="#000033"><div align="center"><span class="style5">1992 - 1998 </span></div></td> <td width="938" bgcolor="#000033"><span class="style5">SDSANGKASA IX, JAKARTATIMUR</span></td> </tr> <tr> <td bgcolor="#000033"><div align="center"><span class="style5">1998 - 2001 </span></div></td> <td bgcolor="#000033"><span class="style5">SLTPN 81, JAKARTATIMUR </span></td> </tr> <tr> <td bgcolor="#000033"><div align="center"><span class="style5">2001 - 2004 </span></div></td> <td bgcolor="#000033"><span class="style5">SMUN 93, JAKARTATIMUR</span></td> </tr> <tr> <td bgcolor="#000033"><div align="center"><span class="style5">2004 - 2009 </span></div></td>
  • 8. <td bgcolor="#000033"><span class="style5">UNIVERSITASGUNADARMA, Diploma III MANAJEMEN INFORMATIKA </span></td> </tr> </table> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <table width="1332" border="1"> <tr> <td height="51" colspan="2" bgcolor="#000033"><div align="center"><span class="style1">PENDIDIKAN NON FORMAL</span></div></td> </tr> <tr> <td width="373" bgcolor="#000033"><div align="center"><span class="style5">2002-2003</span></div></td> <td width="943" bgcolor="#000033"><span class="style5">Lembaga Bahasa Asing LIA </span></td> </tr> </table> <p>&nbsp;</p> <p align="center" class="style1">&nbsp;</p> <p align="center" class="style1">&nbsp;</p> <table width="1338" border="1"> <tr>
  • 9. <td height="54" colspan="2" bgcolor="#000033"><div align="center"><span class="style1">PENGALAMAN KERJA</span></div></td> </tr> <tr> <td width="371" bgcolor="#000033"><span class="style5">2010 - 2012 </span></td> <td width="951" bgcolor="#000033"><span class="style5">PT. INFOMEDIA NUSANTARA</span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">2012 - 2015 </span></td> <td bgcolor="#000033"><span class="style5">PT. MITRACOMM EKASARANA </span></td> </tr> <<td bgcolor="#000033"><span class="style5">PT. BANK DBS INDONESIA </span></td> </tr> <tr> <td bgcolor="#000033"><span class="style5">2016 - saat ini </span></td> <td bgcolor="#000033"><span class="style5">KEMENTERIAN RISET,TEKNOLOGI, DAN PENDIDIKANTINGGI </span></td> </tr> </table> <p>&nbsp;</p>
  • 10. <p align="left" class="style1">&nbsp;</p> <p align="left" class="style1">&nbsp;</p> <table width="1344" border="1" bgcolor="#000033"> <tr> <td colspan="2"><div align="center"><span class="style1">KETERAMPILAN</span></div></td> </tr> <tr> <td width="369"><span class="style5">KOMPUTER</span></td> <td width="959"><span class="style5">Ms-Word, Ms-Excel, Ms-Power Point </span></td> </tr> </table> <p align="left" class="style1">&nbsp;</p> <p align="left" class="style1">&nbsp; </p> <p align="left">&nbsp;</p> </body> </html>