belajar

SEJENAK BUTUH TAWA - See more at: http://sintakusumaayu9.blogspot.com/

Minggu, 29 Maret 2015

Script biodata pada HTML

silahkan copy scriptnya dan simpan dengan extention nama.html
SELAMAT MENCOBA !

<html>
<tittle> BIODATA DIRI</tittle>
<body>
<form action="index.htm"method="get">
<table border="1">
<tr>
<td colspan="2" align="center">Isikan Data Pribadi Anda</td>
</tr>
<tr>
<td align="left">Nama</td>
<td><input type="text" name="nama" size="70%"></td>
</tr>
<tr>
<td align="center">No.Induk Mahasiswa</td>
<td><input type="text" name="No.Induk Mahasiswa" size="70%"></td>
</tr>
<tr>

<td align="Left">Alamat</td>
<td> <textarea cols="30" rows="2" name="alamat"  size="70%"></textarea></td>
</tr>
<tr>
<td> Jenis Kelamin : </td>
<td> <input checked type="radio" NAME="kelamin" Value="wanita">wanita
<input checked type="radio" NAME="kelamin" Value="pria">pria</td>
</tr>

<tr>
<td align="left">Agama</td>
<td align="left">

<select>

<option value="Islam"> Islam
<option value="Kristen"> <selected> Kristen
<option value="Katolik"> <selected> Katolik
<option value="Hindu"> <selected> Hindu
<option value="Budha"> <selected> Budha
</option>

</select></td>
</tr>
<tr>
<td align="left">Jurusan</td>
<td align="left"><form action="index.htm"method="post">
<select>
<option value="TI"> Teknologi Informasi
<option value="SI"> <selected> Sistem Informatika
<option value="MI"> <selected> Manajemen Informatika
<option value="TK"> <selected> Teknik Komputer
<option value="KA"> <selected> Komputer Administrasi
</option>

</select></td>
</tr>
<tr>
<td align="left">Hobi</td>
<td align="left">
<input checked type="checkbox" Name="Hobi" value="Bulu Tangkis">Bulu Tangkis<br>
<input checked type="checkbox" Name="Hobi" value="Komputer">Komputer<br>

<input checked type="checkbox" Name="Hobi" value="Main Games">Main Games<br>
<input checked type="checkbox" Name="Hobi" value="Internet">Internet<br>
<input checked type="checkbox" Name="Hobi" value="Bernyanyi">Bernyanyi</td><br>

</tr>
<tr>
<td align="left">Komentar</td>

<td align="left"><textarea cols="30" rows="2" name="Komentar"></textarea></td><br>

</tr>
<tr>
<td colspan="2" align="center">
<a href="http://emaildosen@yahoo.com"><input type="submit" value="send info"></a>
<INPUT type="RESET" name="clear all" value="Clear all"></td>
</tr>

</table>

</body>
<html>




nah ini hasil dari script yang tadi..
kalau ada yang ingin diubah atau ditambahkan silahkan edit scriptnya di notepad atau notepad++


kalau ada yang salah ,pikirkan sendiri haha :p

contoh script biodata menggunakan html


contoh scrip biodata pada html

**********
selamat mencoba

**********

<html>
<head>
<title>BIODATA
</title>
</head>

<table border='1'>
<tr>
<td colspan="2" width="1350" height="150" bgcolor="green" > <h1><marquee>***SELAMAT DATANG
Di HALAMAN WEB BIODATAKU ***</marquee></h1></td>
<table border="1" bordercolor="green" align="left" width="785" height="277" >
</td>
</tr>
<tr>


<h1 style="color:#cd19e2;"  ><font green ='forte'><marquee scrollDelay="10" scrollamount="3" direction="right" >BIODATA DIRI</marquee> </h1><br></font>
<pre>
<b><big><big>

Nama               : Sinta Kusuma Ayu

Alamat       : Jl.Raya Kepuh Utara

Tempat Tanggal Lahir       : Tanah Kaya, 01 juli 1993

HOBBY                                  : Jalan-Jalan dan

Pendidikan                             : FTI/SISTEM INFORMASI

Agama                                  : Kristen Katolik

</b></big></big>
</pre><br><br>

<h1 align="center" ><font face ='ALGERIAN'> <span style="color:RED;">T</span><span style="color:GREEN;">E</SPAN><span style="color:YELLOW;">N</SPAN><span style="color:BLUE;">T<SPAN><span style="color:GREEN;">A</SPAN><span style="color:RED;">N</SPAN><span style="color:#20ede6">G</span><br>

 <span style="color:#b2d819">S</span><span style="color:#e1993b">A</span><span style="color:#cfc9c2">Y</span><span style="color:#265668">A</span></font></h1>
<pre>
<b><big><big>

   Aku belajar bahwa tidak semua yang aku harapkan
   akan menjadi kenyataan tetapi aku percaya Tuhan
   telah merencanakan semuanya
   jauh lebih indah dari apa yang aku pikirkan.

   dan yang akan menjadi motivasi dalam hidup-Ku
   kehebatan peran Tuhan dan orang tua dalam hidupku,
   yang membuat aku bersemangat dalam meraih sukses.

   "kesadaran memperbaik hidup untuk masa depan".
   Tuhan yang utama dan orang tua anungrah terindah
   yang Tuhan kirim untuk kita hai kaum muda.kegagalan
   dalam cinta yang membuat saya sadar, bahwa mencari
   pasangan hidup yang bisa bahagia tidak hanya didasarkan cinta,
   perlu yang namanya kesetiaan yang membuat kita kuat.
   kekuatan cinta mampu membawa saya keujung jalan,
   dan takdir lah yang saya percaya bahwa cinta yang
                                    diberikan Tuhan itu jauh lebih indah.




</b></big></big>
</pre><br>
   
</body>
</html>

hasil akhirnya seperti ini:




belajar dari materi orang lain

saya hanya membagi kembali supaya saya tidak sulit ketika mau belajar... thankz

Belajar Web "Membuat Biodata Diri dengan HTML"

<html>
<head> <title>WEB DATA DIRI</title>
<br>
<br>
<body>

<h1>
<center>
<font face="Bradley Hand ITC" color="Black" fontsize="10">Web Design with HTML</font>
<br>
<font face="Bradley Hand ITC" color="Black" fontsize="10">"Biodata Diri"</font>
<br>
<img><img src = "logo.png" width = "300 px" height = "300" > </img>
</center>
</h1>

<h2>
<center>
<font face = "Comic Sans MS" Color = "Grey" size = "big" > <a href ="biodata.html"> |Biodata| </a> <a href = "pendidikan.html"> |Pendidikan| </a> <a href ="orangtua.html">|Orang Tua| </a> <a href ="pengalaman.html">|Pengalaman| </a> </h2>
<br>
<br>
</h2>

<h3>
<center>
<blink> <font face = "Comic Sans MS" Color = "Red" Font Size = "small" > first job by :</blink> </h3>
<center>
<blink> <font face = "Comic Sans MS" Color = "Red" Font Size = "small" > RESTA NOVIA </blink> </h3><br>
<center>
<blink> <font face = "Comic Sans MS" Color = "Red" Font Size = "small" > 061130701285 </blink> </h3><br>
</center>
</head>
</h3>

<br>
<br>
<footer>
<marquee> <font face = "Calibri" Color = "Brown" Font Size = "small"> Presented by restanovia.blogspot.com </marquee>
 </footer>


Berikut tampilannya :

  


Dan ini adalah script untuk isi link :
1. Biodata
 
<html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="Monotype Corsiva" color="Black" fontsize="10">Biodata</font>
<br>
<img src="logo.png" width="300px" height="300" >
<br>
</center>
</h1>


<h3>
<center>
<font face="Comic Sans MS" color="blue" fontsize="10">
Nama : Resta Novia<br>
Kelas : 5 TCA <br>
NIM : 0611 3070 1285 <br>
TTL : Baturaja, 21 November 1993 <br>
Alamat : Jl. Lunjuk Jaya Lorong seroja 5<br>
<br>
</font>
</center>
</h3>



<h5>
<center>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" > <a href="pendidikan.html">| Pendidikan | </a><a href="orangtua.html">| Orang Tua | </a> <a href="pengalaman.html">| Pengalaman | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" > <a href="index.html">| Menu Utama |
<br>
<br></font>
</center>
</h5>
</body>


<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>




 2. Pendidikan

 <html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="Monotype Corsiva" color="Black" fontsize="10">Pendidikan</font>
<br>
<img src="logo.png" width="300px" height="300" >
<br>


</center>

</h1>


<h3>

<center>
<font face="Comic Sans MS" color="blue" fontsize="4">
SD : SD Negeri 16 OKU<br>
SMP : SMP Negeri 1 OKU<br>
SMA : SMA Negeri 1 OKU<br>
PT : Politeknik Negeri Sriwijaya Palembang<br>
</center>
<br>
<br>
</font>
</h3>



<h5>
<center>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="biodata.html">| Biodata | </a><a href="orangtua.html">| Orang Tua | </a> <a href="pengalaman.html">| Pengalaman | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="index.html">| Menu Utama |
<br>
<br>
</center>

</h5>


</body>

<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>



 
3. Orang Tua

<html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="monotype corsiva" color="Black" fontsize="10">Orang Tua<br></font>
<img src="logo.png" width="300px" height="300" >
<br>
</center>
</h1>


<h3>
<center>
<font face="Comic Sans MS" color="Blue" fontsize="1">Ayah :<br>
Nama          : Thomson Nawawi<br>
Umur          : 52 Tahun<br>
Pekerjaan     : Pegawai Negeri Sipil<br>
Alamat          : Jln.Gotong Royong No.801 Airpaoh Baturaja<br>
<br>
Ibu  :<br>
Nama : Mazra<br>
Umur : 45 Tahun<br>
Pekerjaan : Ibu Rumah Tangga<br>
Alamat : Jln.Gotong Royong No.801 Airpaoh Baturaja <br>
<br>
</font>
</center>
</h3>

<h5>
<center>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="biodata.html">| Biodata | </a><a href="Pendidikan.html">| Pendidikan | </a> <a href="pengalaman.html">| Pengalaman | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="index.html">| Menu Utama |
</center>
</h5>
</body>

<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>


4. Pengalaman

<html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="monotype corsiva" color="Black" fontsize="10">Pengalaman</font>
<br>
<img src="logo.png" width="300px" height="300" >
<br>
</center>
</h1>


<h3>
<br>
<center>
<font face="Comic Sans MS" color="Blue" fontsize="2">
Pengalaman :<br>
Wakil Bendahara HMJ Teknik Komputer Polsri Palembang '11 <br>
Bendahara HMJ Teknik Komputer Polsri Palembang '12 <br>
</center>

</font>
</h3>


<br>
<h5>
<center>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="biodata.html">| Biodata | </a><a href="pendidikan.html">| Pendidikan | </a> <a href="orangtua.html">| Orang Tua | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="index.html">| Menu Utama |
<br>
<br>
</center>
</h5>
</body>


<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>






0 komentar:

Poskan Komentar




Berikut adalah script html untuk tampilan menu utama biodata diri :

<html>
<head> <title>WEB DATA DIRI</title>
<br>
<br>
<body>

<h1>
<center>
<font face="Bradley Hand ITC" color="Black" fontsize="10">Web Design with HTML</font>
<br>
<font face="Bradley Hand ITC" color="Black" fontsize="10">"Biodata Diri"</font>
<br>
<img><img src = "logo.png" width = "300 px" height = "300" > </img>
</center>
</h1>

<h2>
<center>
<font face = "Comic Sans MS" Color = "Grey" size = "big" > <a href ="biodata.html"> |Biodata| </a> <a href = "pendidikan.html"> |Pendidikan| </a> <a href ="orangtua.html">|Orang Tua| </a> <a href ="pengalaman.html">|Pengalaman| </a> </h2>
<br>
<br>
</h2>

<h3>
<center>
<blink> <font face = "Comic Sans MS" Color = "Red" Font Size = "small" > first job by :</blink> </h3>
<center>
<blink> <font face = "Comic Sans MS" Color = "Red" Font Size = "small" > RESTA NOVIA </blink> </h3><br>
<center>
<blink> <font face = "Comic Sans MS" Color = "Red" Font Size = "small" > 061130701285 </blink> </h3><br>
</center>
</head>
</h3>

<br>
<br>
<footer>
<marquee> <font face = "Calibri" Color = "Brown" Font Size = "small"> Presented by restanovia.blogspot.com </marquee>
 </footer>


Berikut tampilannya :

  


Dan ini adalah script untuk isi link :
1. Biodata
 
<html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="Monotype Corsiva" color="Black" fontsize="10">Biodata</font>
<br>
<img src="logo.png" width="300px" height="300" >
<br>
</center>
</h1>


<h3>
<center>
<font face="Comic Sans MS" color="blue" fontsize="10">
Nama : Resta Novia<br>
Kelas : 5 TCA <br>
NIM : 0611 3070 1285 <br>
TTL : Baturaja, 21 November 1993 <br>
Alamat : Jl. Lunjuk Jaya Lorong seroja 5<br>
<br>
</font>
</center>
</h3>



<h5>
<center>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" > <a href="pendidikan.html">| Pendidikan | </a><a href="orangtua.html">| Orang Tua | </a> <a href="pengalaman.html">| Pengalaman | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" > <a href="index.html">| Menu Utama |
<br>
<br></font>
</center>
</h5>
</body>


<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>




 2. Pendidikan

 <html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="Monotype Corsiva" color="Black" fontsize="10">Pendidikan</font>
<br>
<img src="logo.png" width="300px" height="300" >
<br>


</center>

</h1>


<h3>

<center>
<font face="Comic Sans MS" color="blue" fontsize="4">
SD : SD Negeri 16 OKU<br>
SMP : SMP Negeri 1 OKU<br>
SMA : SMA Negeri 1 OKU<br>
PT : Politeknik Negeri Sriwijaya Palembang<br>
</center>
<br>
<br>
</font>
</h3>



<h5>
<center>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="biodata.html">| Biodata | </a><a href="orangtua.html">| Orang Tua | </a> <a href="pengalaman.html">| Pengalaman | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="index.html">| Menu Utama |
<br>
<br>
</center>

</h5>


</body>

<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>



 
3. Orang Tua

<html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="monotype corsiva" color="Black" fontsize="10">Orang Tua<br></font>
<img src="logo.png" width="300px" height="300" >
<br>
</center>
</h1>


<h3>
<center>
<font face="Comic Sans MS" color="Blue" fontsize="1">Ayah :<br>
Nama          : Thomson Nawawi<br>
Umur          : 52 Tahun<br>
Pekerjaan     : Pegawai Negeri Sipil<br>
Alamat          : Jln.Gotong Royong No.801 Airpaoh Baturaja<br>
<br>
Ibu  :<br>
Nama : Mazra<br>
Umur : 45 Tahun<br>
Pekerjaan : Ibu Rumah Tangga<br>
Alamat : Jln.Gotong Royong No.801 Airpaoh Baturaja <br>
<br>
</font>
</center>
</h3>

<h5>
<center>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="biodata.html">| Biodata | </a><a href="Pendidikan.html">| Pendidikan | </a> <a href="pengalaman.html">| Pengalaman | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="index.html">| Menu Utama |
</center>
</h5>
</body>

<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>


4. Pengalaman

<html>

<head><title>Biodata</title>

</head>

<body>


<h1>
<center>
<font face="monotype corsiva" color="Black" fontsize="10">Pengalaman</font>
<br>
<img src="logo.png" width="300px" height="300" >
<br>
</center>
</h1>


<h3>
<br>
<center>
<font face="Comic Sans MS" color="Blue" fontsize="2">
Pengalaman :<br>
Wakil Bendahara HMJ Teknik Komputer Polsri Palembang '11 <br>
Bendahara HMJ Teknik Komputer Polsri Palembang '12 <br>
</center>

</font>
</h3>


<br>
<h5>
<center>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="biodata.html">| Biodata | </a><a href="pendidikan.html">| Pendidikan | </a> <a href="orangtua.html">| Orang Tua | </a>
<br>
<br>
<font face = "Monotype Corsiva" Color = "Grey" size = "large" ><a href="index.html">| Menu Utama |
<br>
<br>
</center>
</h5>
</body>


<footer>
<marquee><font face="calibri" color="brown"> Presented by restanovia.blogspot.com</marquee>
</footer>


</html>






0 komentar: