Membuat CV Menggunakan HTML

Kali Ini saya akan membahas mengenai cara membuat cv dengan menggunakan HTML, berikut caranya :

  • Pertama-tama, tentukan text editor yang akan digunakan untuk menulis list koding HTML, disini saya menggunakan notepad++
  • Kemudian save file yang baru saja dibuat dengan format HTML.
  • Untuk membuat title pada halaman web yang akan dibuat caranya dengan menggunakan                                

                                <tittle>Curriculum Vitae</tittle>

  • untuk membuat background lebih berwarna dengan cara <body bgcolor=”yellow”>
  • Setelah itu masuk kebagian body buatlah heading pertama mengenai identitas pribadi dengan cara berikut :

                               <h1><font size=5>Identitas Diri</font></h2>

         h1 merupakan keterangan dari heading1, font size=5 digunakan untuk mengatur besarnya font

  • kemudian buat garis batas dengan menggunakan <hr color=”red” size =5> size menandakan ketebalan garis
  • Agar terlihat rapih disini saya menggunakan tabel dimana awal untuk membuat tabel sebagai berikut :

                               <table border=4>

                               <tr>

                                    <td>Kolom1</td>

                                    <td>Kolom2</td>

                               </tr>

                               </table>

         <tr></tr> menandakan baris pada tabel, <td></td> mendadakan kolom pada tabel, <table border=4></tabel> menandakan tabel yang dibuat dan border=4 menandakan ketebalan border yang digunakan.

  • untuk memasukan foto dengan cara <img src=”yoga.png”>
  • untuk melink halaman satu ke halaman kedua dengan cara <A Href=”halaman kedua.html”><font size=4 face =arial>Halaman Kedua Lanjuuuuut…..</a>

Untuk lebih lengkapnya contoh yang saya buat seperti ini :

Halaman Pertama

<html>
<head>
<title>Curriculum Vitae Yoga Pramugia</title>
</head>
<body bgcolor=”yellow”>
<h1><font size=5>Identitas Diri</font></h1>
<hr color=”red” size=5>
<table border=4>
    <tr>
        <td>Nama</td>
        <td>Yoga Pramugia</td>
        <td rowspan=8><img src =”yoga.png”></td>
    </tr>
    <tr>
        <td>Jenis Kelamin</td>
        <td>Laki-laki</td>
    </tr>
    <tr>
        <td>Tempat dan Tanggal Lahir</td>
        <td>Bogor, 18 Oktober 1991</td>
    </tr>
    <tr>
        <td>Berat / Tinggi Badan</td>
        <td>65kg / 175cm</td>
    </tr>
    <tr>
        <td>Alamat</td>
        <td>Komp. TNI AD Jl. Durian V blok D7 No. 10 Sukamaju Baru, Tapos, Depok, Jawa Barat</td>
    </tr>
    <tr>
        <td>Nomor Telepon</td>
        <td>08568510785</td>
    </tr>
    <tr>
        <td>Alamat Website</td>
        <td>dhogerz.wordpress.com</td>
    </tr>
    <tr>
        <td>Alamat Email</td>
        <td>dhogerz@yahoo.com</td>
    </tr>
</table>
<h2><font size=5>Latar Belakang Pendidikan</font></h2>
<hr color=”red” size=5>
<table border=4>
    <tr>
        <td>Tahun</td>
        <td>Tempat Pendidikan</td>
    </tr>
    <tr>
        <td>2009-Sekarang</td>
        <td>Univeristas Gunadarma</td>
    </tr>
    <tr>
        <td>2006-2009</td>
        <td>SMA Negeri 3 Depok</td>
    </tr>
    <tr>
        <td>2003-2006</td>
        <td>SMP Negeri 7 Depok</td>
    </tr>
    <tr>
        <td>1997-2003</td>
        <td>SD Negeri Sukamaju Baru 2</td>
    </tr>
</table>
<h3><font size=5>Keahlian Personal</font></h3>
<hr color=”red” size=5>
<pre>
    <li><font size=4 face =arial>Bahasa Inggris (Penulisan maupun Berbicara)</font></li>
    <li><font size=4 face =arial>Keahlian Komputer (Programming, Web Design, Design Grafis, Animasi)</font></li>
</pre>
<br>
<br>
<A Href=”halaman kedua.html”><font size=4 face =arial>Halaman Kedua Lanjuuuuut…..</a>
</body>
</html>

Halaman Keduanya seperti ini :

<html>
<head>
<title>Yoga Pramugia</title>
</head>
<body bgcolor=”yellow”>
<img src =”dhogers.png”>
<br>
<br>
<font size=4 face =arial>Ini foto saya waktu dulu sedang manggung di salah satu cafe hehehehe….
<br>
<br>
<A Href=”CV_Yoga.html”><font size=4 face =arial>Kembali ke Halaman Pertama..</a>
</body>
</html>

berikut screen shotnya hehehe🙂

Image

Image

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: