Biodata adalah penjelasan singkat tentang perjalan hidup
seseorang. Nah Kali kali ini saya akan membuat sebuah tutorial cara membuat
Biodata diri di HTML syaratnya kalian harus memiliki sebuah software text
editor diantaranya sublime text,notepad ++ ,atom atupun yang text editor
yang kalian sukai.
Berikut kodingnya monggo di comot
<html>
<head>
<title>Membuat Biodata Diri
sderhana</title>
</head>
<body>
<form action="#"
style="width: 700px"class="posisi";>
<fieldset
class="h"/>
<table style="width:
600px;">
<body
style="background-color:pink"> </body>
<tr>
<td rowspan="10"
width="100px">
<img src="yosep.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>: Yosep
alfatah</td>
</tr>
<tr>
<td><b>NIM</b></td>
<td>:
141410134</td>
</tr>
<tr>
<td><b>TTL</b></td>
<td>: Banjar,31 Juli
2001</td>
</tr>
<tr>
<td><b>ALAMAT</b></td>
<td>: Ds
Kujangsari,Kota Banjar</td>
</tr>
<tr>
<td><b>JENIS
KELAMIN</b></td>
<td>: Laki -
Laki</td>
</tr>
<tr>
<td><b>AGAMA</b></td>
<td>:
Islam</td>
</tr>
</body>
</html>
Langsung saja tanpa basa basi
- Buka Notepad++ atupun sublime text dan tulis atau ketik coding seperti di atas ,jika anda malas ngetik bisa langsung di comot(copas):vvhehe
- Jika sudah maka save coding di atas dengan type teks ( .html )
- Jika sudah, maka buka file tersebut dengan klik kanan
- Pilih open with browser, disini saya menggunakan firefox
- Maka akan muncul tampilan seperti dibawah ini
 |
| Foto Ganti dengan Foto anda |
Mudahkan..? Silahkan mencoba?
salam codinger!
untuk lebih banyak Source Code yang bisa teman teman dapat
teman teman bisa kunjungi http://rajincopas.my.id
0 on: "Belajar Membuat Biodata Di HTML menggunakan Notepad++ ,Sublime text"