14 September 2012

example desain web

create HTML  :
<html>
<head>
</head>
<body font :"32" bgcolor="pink" cellspacing ="0" >
<center><img width="100%" height="50%" src ="pink.jpg"/></center>
<h1><center> SELAMAT DATANG ^*^  </center></h1>
<table   width="100%" bgcolor="white" border ="5"  cellpadding ="1" cellspacing="0" >
<tr>
<th><font color= "black">  <center>HOME</center></font></th>
<th> <font  color= "black"> <center><a href ="profiltugas2.html" > PROFIL </a></center></font></th>
<th> <font color= "black">  <center><a href ="galeritugas2.html" > GALERI FOTO </a></center></font></th>
</tr>
<tr>
<th> <font color= "black"> <center> <a href ="semester1tugas2.html" > DAFTAR MATA KULIAH SEMESTER 1 &nbsp &nbsp </a> </center> </font></th>
<th colspan="2" rowspan ="3" >Nama : &nbsp &nbsp DEANITA SARI <br></br> Kelas : &nbsp &nbsp PCA11-04 <br></br>  Nim : &nbsp &nbsp 30311088</th>
</tr>
<tr>
<th> <font color= "black"> <center>  <a href ="semester2tugas2.html" > DAFTAR MATA KULIAH SEMESTER 2 &nbsp &nbsp </a> </center> </font></th>
</tr>
<tr>
<th> <font color= "black"> <center>   <a href ="semester3tugas2.html" >DAFTAR MATA KULIAH SEMESTER 3 &nbsp &nbsp </a> </center> </font></th>
</tr>
</table>
</body>
</html>

OUTPUT  : 



pada tampilan home terdapat beberapa bagian , jika kita klik pada tombol profil maka akan tampil


dengan kode HTML :
<html>
<head>
</head>
<body bgcolor="black" >
<table   width="100%" bgcolor="white" border ="5"  cellpadding ="1" cellspacing="0" >
<tr>
<th><font color= "black">  <center><a href ="tugas2.html" > BACK </a></center></font></th>
</tr>
</table>
<H4><font  color = "white"> NAMA &nbsp &nbsp : &nbsp DEANITA &nbsp SARI
 <BR> </BR> TEMPAT &nbsp TANGGAL &nbsp LAHIR &nbsp : &nbsp TANJUNG &nbsp PINANG , 9 &nbsp FEBRUARI &nbsp 1994 
 <BR> </BR> AGAMA &nbsp &nbsp : &nbsp ISLAM 
 <br></br> UMUR &nbsp &nbsp :  &nbsp 18  &nbsp TAHUN </font> </h4>
 <br></br>
 <center><img width="50%" src="0.jpg"/></center>
</body>
</html>

setelah itu pada home ada akun galeri foto :

dengan format HTML : 
<HTML>
<head>
</head>
<body bgcolor="black" >
<table   width="100%" bgcolor="white" border ="5"  cellpadding ="1" cellspacing="0" >
<tr><th><font color= "black">  <center><a href ="tugas2.html" > BACK </a></center></font></th></tr>
</table>
<br></br><center> <font color="white" size="72" > winnie the pooh </font></center> 
<br></br><center><img width="50%" src="pooh.jpg"/></center>
<br></br><center><img width="50%" src="pink.jpg"/></center>
<br></br><center><img width="50%" src="images.jpg"/></center>
</body>
</HTML>

OUTPUT:







Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)