Monday 20 January 2014

Membuat Biodata sederhana |HTML|

Saya akan memberitahukan cara membuat biodata sederhana menggunakan sebuah notepad.
terkadang kita belum mengetahui apa saja fungsi pada notepad , sebenarnya notepad itu banyak kegunaanya,dari membuat catatan , membuat virus , membuat HTML sederhana , dan sebagainya. dan kali ini saya akan menggunakan notepad untuk membuat biodata HTML sederhana . saya menggunakan notepad++ untuk membuat biodata ini,tapi anda tidak perlu khawatir notepad yang ada di Windows pun bisa digunakan untuk membuat biodata HTML ini :)


Langkah-langkahnya :




  •  Buka notepad anda
  •  ketik kode-kode HTML dibawah ini :
    <html>
    <head>
    <title>Biodata Sederhana</title>
    </head>
    <body>

    <p>
    <img src="anonymous1.jpg" align+"left" width="120" height="133" >
    </p>
    <pre>
    <h1>BIODATA SAYA</h1><br>
    <br>
    <br>

    <h3> A. Biodata Pribadi </h3><br>
                Nama Lengkap                : XXXXXXX RI-VA1|1412|<br>
                Temat Lahir                     : XXXXXXXXXXXXX<br>
                Tanggal Lahir                  : 29 April 1995<br>
                Alamat                             : Jalan-jalan<br>
                Agama                             : Islam<br>
                jenis Kelamin                  : Pria<br>
                No. HP                             : 08XXXXXXXXXX<br>

    <h3> B. Biodata Pendidikan</h3><br>

                Sekolah Dasar                          : XXXXXXXXX 2006<br>
                Sekolah Menengah Pertama    : XXXXXXXXX 2010<br>
                Sekolah Menengah Atas          : XXXXXXXXX 2013<br>
    </pre> 
    </body>
    </html>
    Gambar kode HTML



  • setelah anda mengetik kode yang diatas , anda save dengan type teks : [dot]HTLM
  • selanjutnya setelah disave , teks yang berwarna merah tersebut adalah foto yang akan ditampilkan ke dalam biodata , silakan ganti dengan nama foto/gambar yang anda inginkan.
  • selanjutnya , letakkan foto dan notepad HTML tersebut dalam 1 folder.
  • jalankan dengan open with Mozilla firefox [Web Browser]   
    Hasil [HTML]
Sekian tutorial dari saya tentang membuat biodata sederhana menggunakan notepad berbentuk HTML.
 semoga bermanfaat :)           


0 Comment:

Post a Comment