Skip to main content

Cara Mudah Membuat Biodata Diri HTML Sederhana

Biodata HTML Keren - Jika sebelumnya saya pernah memberikan contoh script HTML membuat biodata diri keren, hari ini saya akan memberikan contoh cara membuat biodata HTML siswa sederhana. Cukup menggunakan Notepad saja, kita sudah bisa  belajar HTML.
contoh script dan cara membuat biodata diri html sederhana
Contoh Biodata Diri HTML Sederhana

Berikut contoh script HTML sederhana untuk membuat biodata diri dan tutorial cara membuatnya.

1. Copy script di bawah ini dan pastekan di notepad.

<html>
<head>
<title>Biodata Mahasiswa 2018</title>
</head>
<body>
<fieldset class="v" />
<h2 align="center">BIODATAKU</h2>
<PRE>
NIM      : 1704411561<BR>
NAMA     : Weldy Simon <br> 
SEMESTER : III<sup>Kelas A </sup>
</PRE>
<hr widht="85" align="right">
<pre>
NO. HP : 0853-9671-7324<BR>
ALAMAT : Desa Mukti Tama, Kecamatan Baebunta, Kabupaten Luwu Utara</pre>
<hr SIZE ="12PX" COLOR= "yellow" = "center"><PRE>
TEMPAT :<FONT COLOR ="red"> Malaysia, <sub>tgl</sub>Lahir : 13-02-1999</FONT><br>
AGAMA :<FONT COLOR ="blue"> Kristen</FONT> <BR>
NAMA AYAH :<FONT COLOR ="blue"> Simon Panennen</FONT> <BR>
PEKERJAAN AYAH :<FONT COLOR ="blue"> Petani</FONT> <BR>
NAMA IBU :<FONT COLOR ="blue"> Asri Bangun</FONT> <BR>
PEKERJAAN IBU :<FONT COLOR ="blue"> IRT</FONT> <BR>
JUMLAH SAUDARA :<FONT COLOR ="blue"> 5</FONT> <BR>
HOBI :<FONT COLOR ="blue"> Sepak Takraw, Blogging</FONT><BR></PRE>
<p>Dengan ini menyatakan mengerjakan tugas tanpa bantuan <b>teman</b>.<br></p>
<p align ="right">Palopo, 19 september 2018 <br>
Tertanda, </p>  <br>
<p align ="right"><u>Weldy Simon</U><br>
<SUB>1704411561</SUB></p> 
<footer>
<marquee><font color="green" font-size="small">Copyright&copy; 2018 by Soksimon.com</font></marquee>
</footer>
</body>
</HTML>

Keterangan

Adapun tag-tag HTML yang digunakan untuk membuat data diri sederhana di atas adalah sebagai berikut.

- Tag FIELDSET untuk mengelompokkan elemen tag HTML dalam suatu box
- Tag HR untuk membuat garis horizontal
- Tag H2 adalah heading 2
- Tag P untuk paragraf baru
- Tag SUB untuk membuat teks subscript
- Tag SUP untuk teks superscript
- Tag PRE untuk menampilkan apa yang ada di editor teks
- Tag FONT dengan atribut warna dan ukuran huruf
- Tag I untuk membuat huruf italic/miring
- Tag Footer untuk membuat footer/catatan kaki
- Tag Marquee untuk membuat teks running/berjalan

2. Cara selanjutnya adalah menyimpan script HTML di atas dengan ketentuan

Pada Notepad, klik File > Save as > Pilih type all files > buat nama file menjadi ekstensi .html. Contoh nama filenya : Biodata siswa sederhana.html

3. Setelah file html tersimpan, buka dengan web browser, bisa Mozilla Firefox, Internet Explorer atau kesukaan saya menggunakan browser Google Chorme. Sama saja, hanya tampilannya kadang ada sedikit perbedaan tergantung web browser yang digunakan.

Membuat biodata diri dengan tabel akan jauh lebih keren pastinya. Karena itu, baca dulu Tutorial belajar membuat tabel HTML.

Untuk yang mau langsung scriptnya, bisa 

Jika kamu tertarik membuat template website atau blog yang murni HTML dan CSS, kamu bisa lihat dalam buku HTML dan CSS dasar dan konsep membuat template web.

Demikianlah cara membuat biodata diri HTML dengan notepad. Tampilan biodata HTML-nya sangat sederhana. Karena itu, yang ingin lebih jos dan indah, silahkan tambahkan kode HTML dan CSS sekalian.

  October 26, 2018
Comment Policy: Tulis Komentar Anda Sesuai dengan Isi Artikel!
Buka Komentar
Tutup Komentar
close