Selamat malam semua, pada kesempatan ini saya akan share sedikit ilmu membuat tampilan Curriculum Vitae dengan HTML. Pada contoh berikut adalah data pribadi saya.
Langsung saja tulis script dibawah:
<html>
<head>
<title>Curriculum Vitae</title> <!-- Judul pada suatu web--></head>
<body bgcolor="#f6e6b4" width="800px"> <!-- Membuat body memiliki warna dengan menggunakan bgcolor -->
<div align="center">
<!-- Membuat rata tengah-->
<center>
<h1>
Curriculum 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%">Nama</td>
<td width="1%">:</td>
<td><strong>Ikhsan Setyawan </strong></td>
<td rowspan="5"><img src="file:///F|/Foto/B/AKU/ikhsan.jpg" alt="FOTOKU" title="FOTO IKHSAN" height="200px" width="150px"></td>
</tr>
<tr>
<td>Tempat, Tanggal Lahir </td>
<td>:</td>
<td>Sleman, 20 Juli 1994 </td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>Minggir Sleman Yogyakarta </td>
</tr>
<tr>
<td>E-mail</td>
<td>:</td>
<td><a href="mailto:ikhseikhse@gmail.com">ikhseikhse@gmail.com</a></td>
</tr>
</tbody>
</table>
<h2>
Educational Background</h2>
<table width="800px">
<tbody>
<tr>
<td>2010-2013</td>
<td>:</td>
<td>SMAN 1 SEYEGAN </td>
</tr>
<tr>
<td>2007-2010</td>
<td>:</td>
<td>SMPN 1 MINGGIR </td>
<tr>
<td>2001-2006</td>
<td>:</td>
<td>SD MUHAMMADIYAH SUNTEN </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>
0 komentar:
Posting Komentar