Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMBUAT BIODATA DI HTML

Artikel ini mengajarkan cara mudah membuat biodata di HTML, secara step by step dan dengan bahasa yang mudah dimengerti.

Daftar Isi:

Langkah Pertama: Membuat Struk...
Langkah Kedua: Membuat Teks Ju...
Langkah Ketiga: Menambahkan In...
Langkah Keempat: Menyimpan dan...

Memahami dasar dari HTML atau Hyper Text Markup Language adalah pengetahuan dasar yang sebaiknya dimiliki oleh mereka yang ingin berkecimpung dalam dunia web development. Salah satu cara yang efektif untuk belajar adalah melalui praktek langsung, dan pembuatan biodata merupakan salah satu latihan yang baik untuk memahami konsep dasar dari HTML.

Sebelum memulai, pastikan bahwa kamu sudah siap dengan alat yang diperlukan. Kamu hanya memerlukan text editor, seperti Notepad atau Sublime Text dan web browser untuk melihat hasil dari kode yang kamu buat.

Langkah Pertama: Membuat Struktur Utama HTML

Pertama, buatlah struktur dasar dari HTML. Kamu bisa menuliskan kode berikut ke dalam text editor pilihanmu.

<!DOCTYPE html>
<html>
<head>
    <title>Biodata Diri</title>
</head>
<body>

</body>
</html>

Di dalam kode di atas, ada beberapa tag HTML yang digunakan. Tag <head> adalah di mana kita memasukkan elemen seperti judul, gaya, dan lainnya yang bukan bagian dari isi utama dari halaman. Dalam hal ini, kita mengatur judul halaman dengan tag <title>.

Langkah Kedua: Membuat Teks Judul Biodata

Pada bagian ini, kita akan membuat teks judul dari biodata yang kita buat.

<body>
    <h1>Biodata Saya</h1>
</body>

Dalam tag <body>, kita memasukkan isi dari halaman web. Di sini, kita memasukkan teks judul menggunakan tag <h1>.

Langkah Ketiga: Menambahkan Informasi Biodata

Selanjutnya, kita akan menambahkan beberapa informasi biodata seperti nama, alamat, dan email.

<body>
    <h1>Biodata Saya</h1>
    <p>Nama: Budi</p>
    <p>Alamat: Jakarta</p>
    <p>Email: budi@mail.com</p>
</body>

Dalam tag <p>, kita memasukkan teks paragraf yang berisi informasi biodata.

Langkah Keempat: Menyimpan dan Mengecek Hasil

Simpan file HTML yang telah kamu buat dengan ekstensi .html. Sebagai contoh, kamu bisa menyimpannya sebagai biodata.html. Buka file ini menggunakan web browser pilihanmu untuk melihat hasilnya.

Dengan demikian, kamu sudah berhasil membuat halaman biodata sederhana menggunakan HTML. Dari sini, kamu bisa mulai menambahkan elemen-elemen lain dan menggabungkannya dengan CSS dan JavaScript untuk membuat halaman web yang lebih kompleks dan interaktif. Happy coding!

cover kelas Kelas membuat website dengan HTML dan CSS
Kelas membuat website dengan HTML dan CSS

belajar membuat website kamu dari nol. Cocok untuk pemula

Lihat Kelas

Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding