tutorialswb

TutorialsWB hadir sebagai wadah bagi teman-teman yang ingin "Belajar PHP Dasar". Sehingga kami yakin bahwa TutorialsWB akan menjadi Pusat "Belajar Bahasa Pemrograman PHP" Disamping PHP website ini menyediakan berbagai tips dan trik Blogger. Kami menerima Pemasangan iklan banner atau artikel.

Hubungi Saya

Membuat Curriculum Vitae dengan HTML

Selamat malam guys kali ini saya akan berbagi bagaimana cara membuat curriculum vitae dengan html, karena ketika anda bukan orang IT anda akan menggunakan ms.word. tetapi pada umumnya memang curriculum vitae itu di buat di ms.word.


Sebenarnya curriculum vitae yang menarik sangat penting dan sangat diperlukan ketika anda melamar suatu pekerjaan dan sebagainya, karena dari curriculum vitae anda pihak perusahaan akan memberi pertimbangan. sepertinya tidak usah banyak membahas fungsi curriculum vitae, tetapi kali ini saya akan mencoba membuat curriculum vitae dengan HTML.

Perhatika Tutorial dibawah untuk membuat curriculum vitae dengan html. yang mesti anda persiapkan adalah aplikasi Notepad++. jika anda belum mempunyai aplikasinya silahkan download aplikasinya di bawah ini.

Download: Notepadd++

Setelah anda mendownload aplikasinya silahkan buka aplikasi tersebut. disini saya akan langsung membagikan kode htmlnya saja. ikuti petunjuk dibawah ini.

  • buka aplikasi notepad++
  • masukkan kode html yang ada di bawah ini.


 <html>

<head>

  <title>Curriculum Vitae</title> <!-- Judul pada suatu web-->

</head>

<body bgcolor="#006699" 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 -->
<tbody>

    <tr>

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

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

      <td><b>Arman</b></td>

      <td rowspan="4"><img src="1.jpg" alt="1" title="1" height="100px" width="75px"></td>

    </tr>

    <tr>

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

      <td>:</td>

      <td>Malino 2 march 1999</td>

    </tr>

    <tr>

      <td>Address</td>

      <td>:</td>

      <td>makassar, sulawesi-selatan, 92174</td>

    </tr>

    <tr>

      <td>E-mail</td>

      <td>:</td>

      <td>arman@gmail.com</td>

    </tr>

  </tbody>

</table>

<h2>

Educational Background</h2>

<table width="800px">

  <tbody>

    <tr>

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

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

      <td>Mahasiswa di TANRI ABENG UNIVERSITY</td>

    </tr>

    <tr>

      <td>2013-2015</td>

      <td>:</td>

      <td>SMK NEGERI 1 PALANGGA</td>

    </tr>

    <tr>

      <td>2010-2013</td>

      <td>:</td>

      <td>SMP NEGERI 1 TINGGIMONCONG</td>

      <tr>

        <td>2004-2010</td>

        <td>:</td>

        <td>SD INPRES GANTARANG</td>

      </tr>

   </tbody>

    </body>

    </html> 
 


  • setelah anda masukkan kode diatas kedalam aplikasi Notepad++, ubah bahasa pada notepad++  menjadi bahasa html.
  • kemudian Save file tersebut (CTRL+S), terserah anda ingin memberi nama file apapun.
  • setelah filenya di save keluar aja,kemudian cari file yang sudah di simpan kemudian klik 2 kali maka hasilnya akan tampil. anda juga bisa klik run kemudian pilih launcn in Chrome, atau launch in Firefox.
  • finish.
jika anda penasaran dengan tampilannya lihat gambar dibawah ini, gambar dibawah adalah tampilan ketika filenya dijalankan.


Gimana tampilannya keren dan bagus bukan, sebuah curriculum vitae harus kelihatan rapi. jika ada yang belum anda pahami pada artikel di atas silahkan tinggalkan comment saya akan membalasnya, mudah-mudaha artikel diatas bisa bermanfaat bagi kalian pengunjung semuanya. sekian wassalam­čśâ

Note:
  • Jika anda ingin memasukkan gambar seperti di atas, simpan file notepad++ dan gambar dalam satu folder.
  • saya sarankan untuk menggunakan gambar dengan format jpg.
  • silahkan tinggalkan comment jika anda belum mengerti.



Baca Juga