Jumat, 23 September 2016

Membuat biodata sederhana |HTML|

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 Notepad atau bisa juga menggunakan notepad++.

<html>
<head>
<title>Membuat Biodata Sederhana</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="POTOS.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>:   MINO UTAMA</td>
</tr>
<tr>
<td><b>NIM</b></td>
<td>:   141410134</td>
</tr>
<tr>
<td><b>TTL</b></td>
<td>:   Purwodadi, 08 Agustus 1997</td>
</tr>
<tr>
<td><b>ALAMAT</b></td>
<td>:   Plaju Palembang</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
  1. Buka Notepad dan tulis atau ketik coding seperti di atas
  2. Jika sudah maka save coding di atas dengan type teks ( .html )
  3. Jika sudah, maka buka file tersebut dengan klik kanan
  4. Pilih open with browser, disini saya menggunakan firefox
  5. Maka akan muncul tampilan seperti dibawah ini

       
       Mudahkan..? Silahkan mencoba?

       
       Macam-macam TAG silahkan lihat disini 



15 komentar:

Satu pesan saya buat temen-temen Bloger.
"Jangan jadi seseorang Pengcopy sejati jadilah diri anda sendiri dan mulailah belajar menganalisis, itulah yang akan membuat karya anda lebih istimewa"
by:Mino Utama2