Senin, 16 Juni 2025

Cara Membuat CV Menggunakan HTML

Cara Mudah Membuat CV Menggunakan HTML di Notepad untuk Pemula

Ingin membuat Curriculum Vitae (CV) yang simpel tapi terlihat profesional? Tidak perlu software khusus atau aplikasi mahal. Dengan modal Notepad bawaan Windows dan sedikit kode HTML, kamu
sudah bisa membuat CV digital sendiri yang bisa dibuka di browser seperti Google Chrome atau Microsoft Edge. Cara ini cocok banget buat kamu yang sedang belajar HTML atau ingin tampil beda dengan CV berbentuk web. Yuk, ikuti panduan lengkapnya di bawah ini!

Langkah-Langkah Membuat CV dengan HTML di Notepad:

1. Buka Notepad

Pertama, buka aplikasi Notepad bawaan Windows:

  • Klik tombol Start

  • Ketik “Notepad

  • Klik untuk membukanya

 2. Ketikkan Kode HTML Dasar

Buat kode HTML ke dalam Notepad. Contoh kode ini adalah template dasar CV yang berisi data diri, pendidikan, pengalaman, dan keterampilan:

<!DOCTYPE html>

<html lang="id">

<head>

    <meta charset="UTF-8">

    <title>Curriculum Vitae</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 40px;

            background-color: #f5f5f5;

        }

        h1 {

            color: #2c3e50;

        }

        h3 {

            color: #34495e;

        }

        ul {

            line-height: 1.6;

        }

    </style>

</head>

<body>


    <h1>Curriculum Vitae</h1>


    <h2>Data Diri</h2>

    <p>Nama: Alexa</p>

    <p>Email: Alexa@email.com</p>

    <p>No. HP: 0812-3456-7890</p>


    <h3>Riwayat Pendidikan</h3>

    <ul>

        <li>SMA Negeri 1 Pekanbaru (2017 - 2020)</li>

        <li>Universitas Riau - Sistem Informasi (2020 - Sekarang)</li>

    </ul>


    <h3>Pengalaman</h3>

    <ul>

        <li>Magang di Dinas Kominfo Pekanbaru - Web Developer (2023)</li>

        <li>Ketua Himpunan Mahasiswa Sistem Informasi (2022)</li>

    </ul>


    <h3>Keterampilan</h3>

    <ul>

        <li>HTML, CSS, JavaScript</li>

        <li>Microsoft Office (Word, Excel, PowerPoint)</li>

        <li>Design Canva & Figma</li>

    </ul>


</body>

</html>

 3. Simpan File Sebagai HTML

Setelah mengetik atau menyalin kode di atas:

  • Klik menu File → pilih Save As

  • Ketik nama file: cv.html

  • Di bagian Save as type, pilih: All Files

  • Klik Save

📁 Simpan file di tempat yang mudah kamu temukan, misalnya di Desktop.

4. Buka di Browser

Buka lokasi tempat kamu menyimpan file cv.html, lalu:

  • Klik dua kali file tersebut

  • File akan otomatis terbuka di browser

  • Selamat! CV digital kamu sudah jadi dan bisa kamu lihat secara langsung



Share:

0 komentar:

Posting Komentar

Unordered List

Cari Blog Ini

Diberdayakan oleh Blogger.

Arsip Blog

Text Widget

Theme Support

ANALISIS TIGA TOOLS AI DALAM MENDUKUNG PRODUKTIFITAS MAHASISWA

ANALISIS TIGA TOOLS AI DALAM MENDUKUNG PRODUKTIFITAS MAHASISWA Disusun oleh: JEFRI NUR HABIBI NIM: 2410090811038 PROGRAM STUDI ILMU ADMINIST...

Recent Posts

Unordered List

Pages

Theme Support