MEMBUAT BIODATA SEDERHANA KEREN MENGGUNAKAN HTML

CARA MEMBUAT BIODATA SEDERHANA NAMUN KEREN DENGAN HTML

Assalamualaikum, hallo teman teman kembali lagi bersama saya MUEVANTANK oke teman, kali ini kita akan membuat biodata sederhana namun keren pakai html nah, jika kamu ingin membuat biodata pastikan kamu telah paham code dasar dari html jika belum kamu bisa klik dibawah ini untuk pemahamannya

Memahami konsep dasar Html mudah dan simple

Cara membuat Biodata Simple dan Keren menggunakan HTML

1. Buka aplikasi Editor website dan disini kita menggukana aplikasi yang nama nya webmaster kalian bisa download aja langsung di bawah ini

webmaster

2. Setelah di download buka aplikadi nya dan klik tanda (+) pada aplikasi nya trus pilih HTML

3. nanti akan muncul code otomatis ketika kita sudah mmilih Html, dan langsung saja pada bagian title ganti jadi nama biodata. seperti ini

<title>BIODATAKU</title> p

4. Setelah itu pada bagian body kita masukkan kata div untuk membuat bagian baru, dan jngan lupa di dalam nya kita buat nama, kelas, usia, tanggal lahir, dll sesuai selera seperti gambar dibawah ini

<div align="center"> <p>Nama = ...</p> <p>kelas = ...</p> <p>T.lahir = ...</p> <p>Usia = ...</p> </div>

5. setelah itu jngan lupa untuk di save cara mengsave nya pastikan di akhirannya di berikan (.html) agar web nya kita tulis tadi langsung support browsur dan jangan lupa simpan di tempat dimana lokasi yg ingin kita simpan

6. nah setelah itu cari file yg telah kita save tadi maka tampilan nya akan seperti ini

7. nah karna itu tadi web yg masih standar kali ini kita akan tambahkan yg nama nya style atau sering di sebut css, nah kalian bisa ikutin css seperti gambar di bawah atau bisa sesuai dengan imajinasi kamu..

NOTE!!

jika kamu bingung meletakkan styl atau css nya ada tiga pilihan yaitu, meletakkan nya scara langsung di content nya, bisa lettakan style di bawah head penutup, atau pun buat file css sendiri dan panggil filenya dengan link.. seprti di bawah ini ya..

.bio{ width: 500px; height: 200px; border-radius: 20px; border: none; box-shadow: 2px 2px 10px #ff3399; margin: auto; }

8. setelah semua nya sudah maka website BIODATA telah selesai

oke teman teman mungkin itu saja tadi cara membuat biodata simple namun keren versi muevantank, jika kamu kurang paham silahkan commentar ya, terima kasih assalamualaikum sampai jumpa di next tutorial