Skip to main content

Cara Membuat Biodata HTML Curriculum Vitae HTML Di Notepad

Cara Membuat Biodata HTML Curriculum Vitae HTML Di Notepad - Di era teknologi saat ini, membuat biodata diri di kertas dan Microsoft Word adalah hal yang biasa sudah cukup ketinggalan zaman. Terlebih bagi kamu yang memiliki blog, membuat curriculum vitae HTML untuk ditampilkan di blog yang dapat diakses pengguna internet adalah hal yang menarik dan keren.

Tak perlu pusing cari script biodata diri HTML karena pada kesempatan ini saya akan berbagi script HTML yang siap digunakan. Namun tentu ini hanya sebuah script biodata diri HTML sederhana dengan sebuah halaman statis yang dibuat di Notepad dan hanya dapat ditampilkan di Google Chrome atau web browser lainnya.

Cara Membuat Biodata HTML Curriculum Vitae HTML Di Notepad


Contoh biodata diri HTML di bawah ini cocok dipakai untuk siswa/mahasiswa yang ditugaskan belajar HTML. Semoga biodata HTML ini juga dapat menjadi referensi atau contoh web profil pribadi yang keren di template blogmu.

Tapi jujur kita terlalu fokus pada desain biodata yang menarik karena tujuannya adalah belajar memahami kode HTML sederhana yang akan sering digunakan.

Contoh Biodata HTML/Curriculum Vitae HTML Sederhana


Cara Membuat Biodata HTML Curriculum Vitae HTML Di Notepad
Cara Membuat Biodata HTML Curriculum Vitae HTML Di Notepad

Bagaimana membuat biodata diri HTML seperti di atas?

Script Biodata HTML Keren


  1. Buka Notepad di laptop masing-masing. Bisa dengan klik kanan pada desktop kemudian pilih New Text Document.
  2. Copy dan paste kode biodata HTML di bawah ini ke Notepad.
  3. <html>
    <head>
    <title>BIODATA DIRI HTML</title>
    </head>
    <body style="color: white;" bgcolor="black">
    <h1 align="center">BIODATA DIRI KEREN</h1>
    <table width="600" border="3" cellspacing="0" cellpadding="5" align="center" bgcolor="grey">
    <tr align="center" bgcolor="green">
    <td colspan="2" width="100">DATA DIRI</td>
    <td width="225">IMAGE</td>
    </tr>
    <tr>
    <td>Nama</td>
    <td>Soksimon Admin</td>
    <td rowspan="10" align="center"><img src="FOTO1.jpg" width="200" height="300"></td> </tr>
    <tr>
    <td>Konsentrasi</td>
    <td>Content Creator, SEO Specialist</td>
    </tr>
    <tr>
    <td>Jenis Kelamin</td>
    <td>Laki-laki</td>
    </tr>
    <tr>
    <td>Tempat Lahir</td>
    <td>Palopo</td>
    </tr>
    <tr>
    <td>Tanggal Lahir</td>
    <td>1 Oktober 2018</td>
    </tr>
    <tr>
    <td>Alamat Blog</td>
    <td>https://www.soksimon.com</td>
    </tr>
    <tr>
    <td>Pekerjaan</td>
    <td>Full Time Blogger/Freelancer</td>
    </tr>
    <tr>
    <td>Hobby</td>
    <td>Membaca dan Travelling</td>
    </tr>
    </table>
    </body>
    </html>
  4. Kemudian klik file, pilih save as.
  5. Setelah itu, pada file names, tulis biodata diri keren.html
  6. Pada Save As Type pilih all document.
  7. Klik save untuk menyimpan file dokumen biodata diri HTML.

Catatan:

Pastikan FOTO1.jpg berada satu folder dengan biodata diri keren.html

Silahkan berkreasi lagi dan lagi!

Dengan cara di atas, kita sudah membuat biodata diri dalam bentuk file HTML yang bisa ditampilkan di web browser Google Chrome atau Mozilla Firefox dan lainnya. Setiap browser pasti akan menerjemahkan secara berbeda script biodata di atas.

Kamu tidak perlu mendownload biodata HTML di atas. Cukup copy dan paste script tersebut di Notepad kamu dan save as seperti langkah-langkah di atas.

Lihat juga Cara Membuat Biodata Diri HTML Sederhana

Demikianlah cara membuat biodata HTML curriculum vitae HTML di Notepad lengkap. Semoga bermanfaat!
  September 14, 2019
Comment Policy: Tulis Komentar Anda Sesuai dengan Isi Artikel!
Buka Komentar
Tutup Komentar
close