Pages

Wednesday, 21 May 2014

Membuat Biodata Berbasis HTML Dengan Notepad++


Berikut ini Cara membuat Biodata Diri pada totorial web sederhana in saya buat waktu tingkat satu semester 2 STMIK ERESHA ini saya buat untuk mengingatkan saya dan rekan-rekan sekalian.

 Berikut ini adalah Koding nya silahkan anda copy ke notepad ++ kemudian anda simpan dalam bentuk html  

<html>
    <head>
    <title>BIODATA DIRI</title>
    </head><br>
    <body>
    <font size = 6 face = verdana>
    <b><center> BIODATA DIRI</b><br><br>
    </font>   
    <table width=”745″ border=”1″ cellspacing=”0″ cellpadding=”5″ align="center">
    <tr align="center" bgcolor="#FF0000">
    <font size = 3 face = verdana>
    <td width=”174″ height=”32″><b>DATA DIRI</b></td>
    <td width=”353″><b>KETERANGAN</b></td>
    <td width=”232″><b>FOTO</b></td>
    </tr>
        <tr bgcolor="#FFFFFF">
        <td>Nama</td>
        <td>MUSTOPA FAHMI</td>
        <td rowspan="15"><img src="fahmi1.jpg"width="239" height"262″></td>
        </tr>
    <tr bgcolor="#FFFFFF">
    <td>NPM</td>
    <td>005132121129</td>
    </tr>
        <tr bgcolor="#FFFFFF">
        <td>Jurusan</td>
        <td>Teknik Informatika</td>
        </tr>
            <tr bgcolor="#FFFFFF">
            <td>Jenjang</td>
            <td>Strata-1 (S1)</td>
            </tr>
        <tr bgcolor="#FFFFFF">
        <td>Jenis Kelamin</td>
        <td>Laki-laki</td>
        </tr>
            <tr bgcolor="#FFFFFF">
            <td>Tempat/Tanggal Lahir</td>
            <td>Jakarta, 31 Maret 1985</td>
            </tr>
        <tr bgcolor="#FFFFFF">
        <td>Perguruan Tinggi</td>
        <td>STMIK ERESHA </td>
        </tr>
            <tr bgcolor="#FFFFFF">
            <td>Alamat</td>
            <td>Cijantung Jakarta Timur</td>
            </tr>
        <tr bgcolor="#FFFFFF">
        <td>Pekerjaan</td>
        <td>WIRASWASTA</td>
        </tr>
            <tr bgcolor="#FFFFFF">
            <td height=”33″>Hobi</td>
            <td>Olah Raga</td>
            </tr>
        <tr bgcolor="#FFFFFF">
        <td height=”33″>Blog</td>
        <td> <a href=http://belajrkom.blogspot.com/2014/05/membuat-biodata-berbasis-html-dengan.html/>belajrkom.blogspot.com</a></td>
        </tr>   
    </tr>
    </table>
    <body bgcolor="#D2D2D2">
    </body>
    </html>


Setelah disimpan silahkan klik 2x pada html tersebut dan lihat hasilnya seperti gambar berikut :


Demikian dan selamat mencoba... Terimakasih....


2 comments: