Membuat CV Dengan HTML
Biasanya beberapa orang membuat CV menggunakan aplikasi pengolah kata (word processor), ada juga yang membuat CV menggunakan aplikasi pengolah gambar supaya CV menjadi lebih menarik.
Kali ini saya mau berbagi cara membuat CV sederhana menggunakan HTML (Hyper Text Markup Language). Berikut langkah-langkahnya, copy skript dibawah ini:
<html>
<head>
<title>Curriculum Vitae</title> <!-- Judul pada suatu web-->
</head>
<body bgcolor="#9E9E9E" width="800px"> <!-- Membuat body memiliki warna dengan menggunakan bgcolor -->
<div align="center">
<!-- Membuat rata tengah-->
<center>
<h1>
Curiculum Vitae</h1>
<!-- Membuat huruf menjadi besar (Ukuran H1) -->
</center>
<hr />
<h2>
Personal Details</h2>
<!-- Membuat huruf menjadi besar (Ukuran H2) -->
<table width="800px"> <!-- Membuat sebuah table -->
<tr>
<td width="25%">Full Name</td>
<td width="1%">:</td>
<td><b>Agung Brilian</b></td>
<td rowspan="5"><img src="foto_agung.png" alt="Foto agung" title="Foto Agung" height="100px" width="75px"></td>
</tr>
<tr>
<td>Place, Date of Birth </td>
<td>:</td>
<td>Bekasi, Juli 2, 1995</td>
</tr>
<tr>
<td>Address</td>
<td>:</td>
<td>Jl. Rawa Pasung no 23 RT02/08, Bekasi Barat, 16119</td>
</tr>
<tr>
<td>E-mail</td>
<td>:</td>
<td>aaagung212@gmail.com</td>
</tr>
</tbody>
</table>
<h2>
Educational Background</h2>
<table width="800px">
<tbody>
<tr>
<td width="25%">2009-Present</td>
<td width="1%">:</td>
<td>Bachelors of Information Systems at Bina Tunggal University, Bekasi</td>
</tr>
<tr>
<td>2006-2009</td>
<td>:</td>
<td>Senior High School No. 4, Bekasi</td>
</tr>
<tr>
<td>2003-2006</td>
<td>:</td>
<td>Insan Kamil Junior High School, Bekasi</td>
<tr>
<td>1997-2003</td>
<td>:</td>
<td>Kota Batu 1 Elementary School, Bekasi</td>
</tr>
</tr>
</table>
<br /><br /> <!-- br untuk membuat baris baru -->
<a href="achievements.html" title="achievements"><h2>
Achievements >> </h2>
</a> <!-- Pergi ke file achievements.html -->
</div>
</body>
</html>
Save dengan index.html, kemudian copy skript dibawah ini:
<html>
<head>
<title>Curriculum Vitae</title>
</head>
<body bgcolor="#9E9E9E" width="800px">
<center>
<h1>
Curiculum Vitae</h1>
</center>
<hr />
<ul>
<li><h2>
Achievements</h2>
</li>
<ul>
<li>The First Place of Application Development at Unlimited Software Building (USB) VII Bina Tunggal University </li>
<li>Top Ten participant (out of 63) for Web Design Competition in GeMasTIK 2012 </li>
<li>Students of Achievers based on Academic ATA 2011/2012 in Bina Tunggal University </li>
</ul>
</ul>
<br />
<a href="index.html" title="cv"><h2>
<< Back</h2>
</a>
</body>
</html>
Kemudian save dengan nama achievements.html
Maka jika dibuka lewat browser hasilnya akan nampak seperti ini:
Comments
Post a Comment