Rabu, 10 September 2014

Membuat Biodata sederhana |HTML|

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 komentar:

Posting Komentar