Kali ini kita akan sedikit membahas program HTML untuk membuat biodata. Biodata kali ini hanya sebatas biodata yang langsung kita isikan data-data yang dibutuhkan pada umumnya.
Tampilan yang akan kita buat adalah seperti dibawah ini.
Kurang lebih data yang akan buat adalah seperti gambar diatas.
Disini yang akan kita buat adalah seperti pada word atau excel, yaitu kita membuatnya dengan memanfaatkan tabel agar lebih presisi dan mudah mengaturnya.
Untuk coding programnya silahkan perhatikan dibawah ini.
<html>
<center>
<head>
<title>BIODATA</title>
</head>
<body>
<form action="#" style="width:700px"class="posisi">
<fieldset class="h"/>
<table style="width:600px;" border="10">
<body style="background-color:aqua"></body>
<tr>
<td rowspan="10" width="150px">
<img src="aku.jpg" width="150px" height="200px" border="5" >
</td>
</tr>
<center>
<font size="25px">
<b>BIODATA</b>
</font>
</center>
<tr>
<td><b>NAMA</b></td>
<td>: ARBA</td>
</tr>
<tr>
<td><b>NIM</b></td>
<td>: A11.2011.06392</td>
</tr>
<tr>
<td><b>TTL</b></td>
<td>: BLORA, RAHASIA</td>
</tr>
<tr>
<td><b>ALAMAT</b></td>
<td>: BLORA</td>
</tr>
<tr>
<td><b>JENIS KELAMIN</b></td>
<td>: LAKI-LAKI</td>
</tr>
<tr>
<td><b>AGAMA</b></td>
<td>: ISLAM</td>
</tr>
<tr>
<td><b>PENDIDIKAN</b></td>
<td>: S1-TEKNIK INFORMATIKA</td>
</tr>
<tr>
<td><b>STATUS</b></td>
<td>: OTW GANTI STATUS</td>
</tr>
<table>
<tr>
</body>
<footer>
<marquee> <font face = "Calibri" Color = "Brown" Font Size = "small"> Copyright @arbawahyusejati </marquee>
</footer>
</center>
</html>
Jika ada yang ditanyakan silahkan langsung tulis dikomentar.
Semoga bisa bermanfaat.
0 komentar:
Posting Komentar