Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
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.
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>.
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>.
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.
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!
Link terkait: