Selain membuat biodata, anda juga bisa membuat CV atau curriculum vitae dengan menggunakan HTML sederhana. Ada banyak sekali contoh CV menggunakan HTML yang bisa anda temukan.
Bukan hanya ada banyak contoh CV yang dibuat menggunakan HTML saja, selain itu anda bahkan sudah bisa menyalin kode HTML dan langsung mengubahnya sesuai dengan CV anda sendiri.
Untuk anda yang masih mencari seperti apa contoh CV yang dibuat menggunakan kode HTML, anda bisa dapatkan contohnya secara lengkap di dalam artikel ini.
Apa Itu HTML?
Sebelum menjabarkan mengenai seperti apa contoh CV menggunakan HTML, pertama-tama anda harus mengetahui terlebih dahulu mengenai apa itu HTML.
Maksud dari HTML itu adalah sebuah kode atau bahasa yang digunakan untuk memunculkan tulisan maupun grafis di dalam browser.
Jadi secara mudahnya, HTML ini adalah cara anda berkomunikasi dengan aplikasi browser yang ada di komputer maupun HP.
HTML sebenarnya tidak berdiri sendiri. Di dalamnya bisa anda tambahkan dengan CSS ataupun Javascript. Kedua hal tersebut bisa anda gunakan untuk menambah keindahan tampilannya dan juga fitur yang ada di dalamnya.
Hanya saja, untuk anda yang masih pemula, anda lebih baik mencoba membuat CV menggunakan HTML terlebih dahulu.
Berbagai Macam Kode HTML Dasar Untuk Membuat CV
Ketika anda ingin membuat CV menggunakan HTML, maka anda harus mengetahui terlebih dahulu beberapa macam kode dasarnya.
Berikut ini adalah beberapa kode HTML dasar yang akan sering anda butuhkan ketika membuat CV berbasis website:
- Title
Kode Title ini adalah kode yang menjadi tempat anda menuliskan judul dari halaman website yang anda buat. Kode ini terdiri dari <Title> dan juga </Title>.
- Table
Selain Title, anda juga akan sangat sering menggunakan kode Table. Seperti namanya, kode ini berfungsi untuk memunculkan tabel di dalam halaman website. Kode Table ini juga terdiri dari <Table> dan </Table>
- Body
Kode berikutnya yang juga akan anda gunakan dalam bentuk CV berbasis website adalah kode Body. Fungsi dari kode ini adalah untuk membuat isi dari website anda. Kode Body ini terdiri dari <Body> dan juga </Body>.
- Header
Selain Body, Title, dan juga Table, anda yang akan membuat CV HTML juga akan membutuhkan kode Header.
Apa itu kode Header? Kode tersebut fungsinya adalah untuk menunjukkan judul dan juga sub judul di dalam sebuah halaman.
Kode Header di dalam HTML itu sendiri terdiri dari banyak kode yaitu <h1>, <h2>, <h3>, <h4>, dan seterusnya.
Bagaimana Cara Membuat CV Menggunakan HTML?
Setelah mengetahui apa saja kode yang akan anda gunakan dalam membuat CV menggunakan HTML, lalu bagaimana cara membuatnya?
Untuk anda yang ingin mengetahui bagaimana cara membuat CV menggunakan HTML, anda bisa ikuti langkah-langkah berikut ini:
- Pertama, anda bisa gunakan aplikasi coding khusus seperti Visual Code ataupun Sublime.
- Selain menggunakan aplikasi coding, anda juga bisa menggunakan aplikasi Notepad++.
- Setelah menjalankan aplikasi pilihan anda, hal pertama yang harus anda lakukan adalah mengetikkan kode <HTML> dan juga </HTML>.
- Selanjutnya, ketikkan kode <Head> dan juga </Head> di bawah kode HTML.
- Di bawah kode head, anda bisa ketikkan kode <Title> dan </Title>.
- Masukkan judul CV anda di dalam kode Title tersebut.
- Berikutnya, ketikkan kode <Body> dan </Body> untuk memulai isi dari CV tersebut.
- Sedangkan untuk membedakan antara satu sub judul dengan sub judul yang lain, anda bisa gunakan kode <h1>, <h2>, <h3>, dan seterusnya.
Jika anda sudah mengisi semua kode tersebut, pastikan jangan sampai lupa untuk menutup format HTML dengan kode </HTML>
Terakhir, simpan kode HTML yang sudah anda ketik tersebut dengan menggunakan ekstensi .html. Jika anda tidak menambahkan ekstensi tersebut, maka kode HTML yang sudah anda ketik tidak akan bisa berjalan di browser.
Contoh CV Menggunakan HTML yang Bisa Anda Salin
Lalu seperti apakah contoh CV menggunakan HTML itu? Jika anda masih bingung membuat format HTML sendiri, maka anda bisa coba salin format dari contoh CV HTML berikut ini:
<html>
<head>
<title>Curriculum Vitae (Nama Anda)</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>Isi Dengan Nama Anda</td>
<td rowspan=8><img src =”Foto Anda.png”></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>Laki-laki</td>
</tr>
<tr>
<td>Tempat dan Tanggal Lahir</td>
<td>Isi Dengan Tempat Tanggal Lahir Anda</td>
</tr>
<tr>
<td>Berat / Tinggi Badan</td>
<td>Isi Dengan Berat dan Tinggi Badan Anda</td>
</tr>
<tr>
<td>Alamat</td>
<td>Isi Dengan Alamat Anda</td>
</tr>
<tr>
<td>Nomor Telepon</td>
<td>Nomor Telepon Anda</td>
</tr>
<tr>
<td>Alamat Website</td>
<td>Isi Dengan Alamat Website Anda</td>
</tr>
<tr>
<td>Alamat Email</td>
<td>Isi Dengan Alamat Email Anda</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>Universitas Anda</td>
</tr>
<tr>
<td>2006-2009</td>
<td>SMA Anda</td>
</tr>
<tr>
<td>2003-2006</td>
<td>SMP Anda</td>
</tr>
<tr>
<td>1997-2003</td>
<td>SD Anda</td>
</tr>
</table>
<h3><font size=5>Keahlian Personal</font></h3>
<hr color=”red” size=5>
<pre>
<li><font size=4 face =arial>Keahlian Anda</font></li>
<li><font size=4 face =arial> Keahlian Anda</font></li>
</pre>
<br>
<br>
</body>
</html>
Catatan:
Jika anda ingin membuat CV HTML dengan mudah, anda bisa salin contoh kode HTML tersebut dan ubah di bagian yang bertuliskan dengan Nama Anda, Alamat Anda, Keahlian Anda, dan sebagainya.
Bagaimana? Sangat mudah sekali bukan membuat CV berbasis website dengan memanfaatkan contoh CV menggunakan HTML itu?