Biodata adalah penjelasan singkat tentang perjalan hidup seseorang.
nah kali ini saya akan membuat biodata sederhana dengan menggunakan html,Untuk
pengetikan kita membutuhkan sebuah teks editor, dan editor teks yang akan saya
gunakan adalah Sublime_text.
Langsung saja tanpa basa-basi :
- Buka Sublem_text
- Buat folder baru dan langsung disave di data C/xampp/htdoc. buat folder baru dan beri nama biodata diri, kemudian isi format save dengan "biodata.html"
- jika sudah di save maka sahabat bisa mengcopy codingan berikut yang telah saya sediakan, tetapi alangkah baiknya jika sahabat mengetik ulang codingan ini untuk menambah pengalaman mengetik sahabat. ini codingannya sahabat hanya perlu mengubahnya sedikit saja.
<html>
<head>
<title>BIODATA DIRI</title>
</head>
<body>
<h1 align="center">BIODATA DIRI</h1>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#66CC33">
<td width="174">DATA DIRI</td>
<td width="353">KETERANGAN</td>
<td width="232">FOTO</td>
</tr>
<tr>
<td>Nama</td>
<td>Suvarmo</td>
<td rowspan="10" align="center"><img src="gambar/momo.jpeg" width="210" height="313"></td>
</tr>
<tr>
<td>Jurusan</td>
<td>Sistem Informasi (SI)</td>
</tr>
<tr>
<td>Jenjang</td>
<td>Diploma 3 (D3)</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>Laki-laki</td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td>Engkopah, 26 Juni 1998</td>
</tr>
<tr>
<td>Perguruan Tinggi</td>
<td>BINA SARANA INFORMATIKA</td>
</tr>
<tr>
<td>Alamat</td>
<td>Jl. Nurul Huda, Komplek Sinar Agung, No 14A,</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>Web designer/web developer</td>
</tr>
<tr>
<td>Hobi</td>
<td>Ngoding, Makan</td>
</tr>
</table>
</body>
</html>
- Setalah di copy sahabat buka mozila dan ketikan "locallhost/biodata" enter dan akan tampil tampilan seperti ini. dan disini nama folder saya tugasweb. setelah muncul seperti ini sahabat klik saja "biodata.html"
- maka tampilannya akan seperti ini.
Sekian Penjelasan dari saya mohon maaf jika ada kesalahan, semoga bermanfaat (:(:
Komentar