Recommended
More Related Content
What's hot
What's hot (20)
Similar to Membuat curriculum vitae
Similar to Membuat curriculum vitae (20)
Recently uploaded
Recently uploaded (20)
Membuat curriculum vitae
- 1. MEMBUAT CURRICULUM VITAE DENGAN HTML NAMA : IBNU AQIL KELAS : 4KA37 NPM : 1B118008
- 2. MEMBUAT CURRICUL UM VITAE DENGAN HTML Disini saya akan membuat sebuah CV saya yang begitu sederhana menggunakan HTML. Untuk mengikuti tutorial ini, anda sebelumnya harus sudah memiliki Text Editor dan Browser. Text Editor yang saya gunakan adalah Notepad dan browsernya adalah Google Chrome. Anda dapat menggunakan Text Editor dan Browser manapun.
- 3. MEMBUAT CURRICUL UM VITAE DENGAN HTML Berikut ini langkah-langkahnya : 1. Buka Text Editor yang anda gunakan lalu copy script dibawah ini ke Text Editor anda. <html> <head> <title>Curriculum Vitae</title> <!-- Membuat 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> Curiculum Vitae</h1><!-- Membuat huruf menjadi besar (Ukuran H1) --> </center> <hr /> <h2>
- 4. MEMBUAT CURRICUL UM VITAE DENGAN HTML Personal Details</h2> <!-- Membuat huruf menjadi besar (Ukuran H2) --> <table width="800px"> <!-- Membuat sebuah table --> <tr> <td width="25%">Full Name</td> <td width="1%">:</td> <td><b>Ibnu Aqil Surya Ginting</b></td> <td rowspan="5"><img src="foto.jpg" alt="Foto" title="Foto" height="100px" width="75px"></td> </tr> <tr> <td>Place, Date of Birth </td> <td>:</td> <td>Subang, Oktober 03, 1996</td> </tr> <tr> <td>Address</td> <td>:</td> <td>Kp.Ciketing Timur Rt/Rw 002/05 Kel. Ciketing Udik, Kec. Bantargebang Kota Bekasi, 17153</td> </tr>
- 5. MEMBUAT CURRICUL UM VITAE DENGAN HTML <tr> <td width="25%">2018-Present</td> <td width="1%">:</td> <td>Majors of Information Systems at Gunadarma University, Kalimalang</td> </tr> <tr> <td>2011-2014</td> <td>:</td> <td>Senior High School No. 2, Bekasi</td> </tr> <tr> <td>2008-2011</td> <td>:</td> <td>Junior High School No. 31, Bekasi</td> <tr> <td>2002-2008</td> <td>:</td> <td>Elementary School No. 1, Bekasi</td> </tr>
- 6. MEMBUAT CURRICUL UM VITAE DENGAN HTML </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> 2. Simpan file dengan nama index.html dan letakkan didalam C:xampphtdocsCV (bagi yang sudah menginstal XAMPP) dan jika anda belum menginstal, anda tetap dapat menjalankan file HTML dengan menaruh file dimana saja sesuka anda.
- 7. MEMBUAT CURRICUL UM VITAE DENGAN HTML Pada contoh diatas bisa kita lihat cara menyisipkan gambar dengan menggunakan code berikut : <img src="foto.jpg" alt="Foto" title="Foto" height="100px" width="75px"> Sebelumnya anda harus meletakan foto_rico.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 Rico". Atribut height untuk menentukan tinggi sedangkan width untuk menentukan lebar.
- 8. MEMBUAT CURRICUL UM VITAE DENGAN HTML Pada index.html terdapat link untuk pergi ke file lainnya dengan coding berikut : <a href="achievements.html" title="achievements"><h2> Achievements >> </h2> </a> <!-- Pergi ke file achievements.html --> Karena kita membuat link ke halaman achievements.html kita harus membuat file terlebih dahulu.
- 9. MEMBUAT CURRICUL UM VITAE DENGAN HTML Copy kan source code dibawah ini ke Text Editor anda : <html> <head> <title>Curriculum Vitae</title> </head> <body bgcolor="#f6e6b4" width="800px"> <center> <h1> Curiculum Vitae</h1> </center> <hr /> <ul> <li><h2> Achievements</h2> </li> <ul>
- 10. MEMBUAT CURRICUL UM VITAE DENGAN HTML <li>The First Place of Application Development at Unlimited Software Building (USB) VII Gunadarma University </li> <li>Top Ten participant (out of 63) for Web Design Competition in GeMasTIK 2016 </li> <li>Students of Achievers based on Academic ATA 2015/2016 in Gunadarma University </li> </ul> </ul> <br /> <a href="indeks.html" title="cv"><h2> << Back</h2> </a> </body> </html>
- 11. MEMBUAT CURRICUL UM VITAE DENGAN HTML Simpan file dengan nama achievements.html dan letakan ditempat file lainnya berada. Sehingga isi Folder CV adalah sebagai berikut : Cara menjalankan program diatas adalah dengan cara mengklik kanan lalu pilih open with, kemudian pilih browser yang ingin anda gunakan untuk menampilkan output.
- 12. MEMBUAT CURRICUL UM VITAE DENGAN HTML OUTPUT DARI INDEX.HTML
- 13. MEMBUAT CURRICUL UM VITAE DENGAN HTML OUTPUT DARI ACHIEVEMENTS.HTML