22/04/16

Cara membuat biodata diri menggunakan HTML

Hai...bro and sist ...
kali ini saya akn menbagikan tentang bagaimana cara membuat biodata dari html....
Sebnar nya bukan hnya sekedar membagikan saja tapi ini juga merupakan tugas saya memenuhi keinginan dosen.
tanpa perlu bnyak bacot saya akan langsung saja  ke pokok permasalahan....lets  gooo..oo



langkah pertama yang dibutuhkan adalah........
ya tentu saja laptop atau computer,ok kita langsung liat hasil nya dulu biar gk penasaran

 gimana....lumayan kan..
meski sangt sederhana tapi masih bergunakan...apa lagi buat tugas..
kebanyakan di gambar adalh tabel..utuk tahu cara membuat nya langsung copas yang di bawah...diketik pun gk papa  tapi sesuai dengan saran dokter aja "jangan diketik   capek!!!!"  he ...he..he


<html>
<head>
<title>SUFRI YOGA</title>
</head>
<body>
<marquee>------------------------->Halaman Web Sederhana ini Merupakan <b>"Tugas 1"</b>... Mata Kuliah <b>"Pemrogaman HTML"</b><----------------------------- </marquee>
<table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#339900" bgcolor="violet">
  <tr bgcolor="silver">
    <th colspan="3" height="65">
    <p>DATA BIODATA SAYA</p>
    </th>
  </tr>
  <tr>
    <td width="153"><b>NAMA</b></td>
    <td width="23"><div align="center" >:</div></td>
    <td width="326"> Sufri Yono Hutagalung </td>
  </tr>
  <tr>
    <td><b>NPM</b></td>
    <td><div align="center" >:</div></td>
    <td> 15110142</td>
  </tr>
  <tr>
    <td><b>Kelas</b></td>
    <td><div align="center" >:</div></td>
    <td>  TI-P 1502</td>
  </tr>
  <tr>
    <td><b>TTL</b></td>
    <td><div align="center" >:</div></td>
    <td> Adiankoting,23-09-1997</td>
  </tr>
  <tr>
    <td><b>ALAMAT</b></td>
    <td><div align="center" >:</div></td>
    <td> Jl Sakti Lubis gg pegawai no95</td>
  </tr>
  <tr>
    <td height="175"><b>RIWAYAT PENDIDIKAN </b></td>
    <td><div align="center" >:</div></td>
    <td><p> A.PENDIDIKAN FORMAL </p>
      <table width="284" align="center" bordercolor="#000000">
      <tr>
        <td > i  . SD/MI </td>
        <td >:</td>
        <td > SDN 2 Adiankoting </td>
      </tr>
      <tr>
        <td > ii  . SMP/MTS </td>
        <td >:</td>
        <td > SMPN 2 Adiankoting </td>
      </tr>
      <tr>
        <td > iii . SMA/SMK </td>
        <td >:</td>
        <td > SMAN 1 Adiankoting</td>
      </tr>
    </table>
    <p > B. NON FORMAL : Anggota BPC</p>
  </td>
  </tr>
  <tr>
    <td><b>EMAIL</b></td>
    <td><div align="center" >:</div></td>
    <td>sufrigalung@gmail.com</td>
  </tr>
  <tr>
    <td><b>HOMEPAGE/BLOG</b></td>
    <td><div align="center" >:</div></td>
    <td> http://www.sufrigalung.blogspot.co.id</td>
  </tr>
  <tr>
    <td><b>HOBBY</b></td>
    <td><div align="center" >:</div></td>
    <td> Jalan-Jalan Di Rumah Maya
         ,Olah raga dll</td>
  </tr>
  <tr bgcolor="silver">
    <td height="23" colspan="3"><p><hr></p>
    </td>
  </tr>
  <tr>
    <td><b>DESKRIPSI PRIBADI</b></td>
    <td align="center">:</td>
    <td> Simple, Nice, Kindly</td>
  </tr>
  <tr>
    <td><b>FOTO PROFIL </b></td>
    <td align="center">:</td>
    <td><div align="center"><img src="sufri yoga.jpg" alt="Sufri Yono hutagalung" width="250" height="200"></div></td>
  </tr>
</table>
</body>
</html>



jika sudah save aja ...seperti biasa belakang nya  .html
jika sudah disave buka menggunakan  browser..terserah mozilla,chrome,IE,dlll

slamat mencoba

0 komentar:

Posting Komentar

Sufri YOGA. Diberdayakan oleh Blogger.

Daftar blog

Followers