Membuat Curicullum Vitae dengan HTML

Nama : Wahyu Setiani

Npm : 13.02.8607

Kelas : D3 MI 04

 

Membuat Curicullum Vitae dengan HTML

Cara Menyisipkan Gambar

img src="CYMERA_20131216_095636.jpg" alt="Foto Wahyu Setiani" title="Foto Wahyu Setiani" height="151" width="130">

Sebelumnya anda harus meletakan foto Wahyu Setiani.jpg satu folder / pada tempat yang sama dengan index.html. atribut "alt" berfungsi sebagai alternatif jika foto tidak berhasil di load maka akan muncul tulisan "Foto Wahyu Setiani". Atribut height untuk menentukan tinggi sedangkan width untuk menentukan lebar.

Agar Curicullum Vitae terlihat rapi, gunakan Table. Sintaksnya seperti ini :

<table border="1" width="75%">

               <tr>

                               <td style="width:50%;height:40px;">Baris 1 Kolom 1</td>

                               <td>Baris 1 Kolom 1</td>

               </tr>

               <tr>

                               <td>Baris 2 Kolom 1</td>

                               <td>Baris 2 Kolom 2</td>

               </tr>

               <tr>

                               <td>Baris 3 Kolom 1</td>

                               <td>Baris 3 Kolom 2</td>

               </tr>

</table>



Pada index.html terdapat link untuk pergi ke file lainnya dengan coding berikut :

<a href="file:///D:/13.02.8607/My%20Experience.html" title="experince"><h2>

Experience &gt;&gt; </h2>

</a>


Membuat Data Personal Background

<h2>

Educational Background</h2>

<table width="800px">

                        <tbody>

<tr>

                                    <td width="25%">2007-2010</td>

                                    <td width="1%">:</td>

                                    <td>Junior High School 2 Jatinom</td>

                        </tr>

<tr>

                                    <td>2010-2013</td>

                                    <td>:</td>

                                    <td>Senior High School 1 Klaten</td>

                        </tr>

<tr>

                                    <td width="25%">2013-Present</td>

                                    <td width="1%">:</td>

                                    <td>Majors of Informatica Management at STMIK AMIKOM University Jogja</td>

                        </tr>

</tbody></table>

 
Membuat Judul Header Curicullum Vitae

<div align="center">

                                    <center>

<h1>

Curiculum vitae</h1>

</center>

<hr>

 

Membuat Daftar Data Personal


<h2>

PERSONAL DETAILS</h2>

<table width="800px">

<tbody><tr>

                        <td width="25%">Full Name</td>

                        <td width="1%">:</td>

                        <td><b>Wahyu setiani</b></td>

                        <td rowspan="5"><img src="CYMERA_20131216_095636.jpg" alt="Foto Wahyu Setiani" title="Foto Wahyu Setiani" height="151" width="130"></td>

            </tr>

<tr>

                        <td>Place, Date of Birth </td>

                        <td>:</td>

                        <td>Klaten, August 27, 1992</td>

            </tr>

<tr>

                        <td>Address</td>

                        <td>:</td>

                        <td>Manggis, Mranggen, Jatinom, Klaten, 57481</td>

            </tr>

<tr>

            <td>E-mail</td>

                                    <td>:</td>

                                    <td>setyani_wahyu@ymail.com</td>

                        </tr>

Membuat background pada Tabel

<table style="background:#ffc" width="75%" border="1">

               <tr>

                               <th style="background:red;width:50%;">Header Kolom 1</th>

                               <th style="background:red;">Header Kolom 2</th>

               </tr>

               <tr>

                               <td>Baris 1 Kolom 1</td>

                               <td>Baris 1 Kolom 2</td>

               </tr>

               <tr>

                               <td>Baris 2 Kolom 1</td>

                               <td>Baris 2 Kolom 2</td>

               </tr>

</table>


Contoh Script Curicullum Vitae yang telah saya buat :


<html><head>

<meta http-equiv="content-type" content="text/html; charset=windows-1252">

                        <title>CURICULLUM VITAE</title></head><body width="800px" bgcolor="#CC3399">title&gt;     

<div align="center">

<center>

<h1>

Curiculum vitae</h1>

</center>

<hr>   

<h2>

PERSONAL DETAILS</h2>

<table width="800px">

<tbody><tr>

                        <td width="25%">Full Name</td>

                        <td width="1%">:</td>

                        <td><b>Wahyu setiani</b></td>

                        <td rowspan="5"><img src="File Memory card/CYMERA_20131216_095636.jpg" alt="Foto Wahyu Setiani" title="Foto Wahyu Setiani" height="151" width="130"></td>

            </tr>

<tr>

                        <td>Place, Date of Birth </td>

                        <td>:</td>

                        <td>Klaten, August 27, 1992</td>

            </tr>

<tr>

                        <td>Address</td>

                        <td>:</td>

                        <td>Manggis, Mranggen, Jatinom, Klaten, 57481</td>

            </tr>

<tr>

            <td>E-mail</td>

                                    <td>:</td>

                                    <td>setyani_wahyu@ymail.com</td>

                        </tr>

</tbody>

            </table>

<h2>

Educational Background</h2>

<table width="800px">

                        <tbody>

<tr>

                                    <td width="25%">2007-2010</td>

                                    <td width="1%">:</td>

                                    <td>Junior High School 2 Jatinom</td>

                        </tr>

<tr>

                                    <td>2010-2013</td>

                                    <td>:</td>

                                    <td>Senior High School 1 Klaten</td>

                        </tr>

<tr>

                                    <td width="25%">2013-Present</td>

                                    <td width="1%">:</td>

                                    <td>Majors of Informatica Management at STMIK AMIKOM University Jogja</td>

                        </tr>



</tbody></table>

<br><br>

            <a href="13.02.8607/My Experience.html" title="experince"><h2> Experience &gt;&gt; </h2>

</a>

            </div>



</body></html>


Contoh Hasil Script Curicullum Vitae yang telah saya buat :

 

Terima Kasih Telah Mengunjungi Blog saya,,, :-) :-)

Semoga bermanfaat....