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:

11 September 2012

tugas dea ^^ 


aku punya contoh tampilan halaman web nih :D , yah meskipun sangat sangat sederhana 




<html>
<head>
  <style>
  H1 {
  font size :72;
  color : pink;
  background-color : black ;
  border : 2px solid black ;
  }
  </style>
</head>
<body>
 <h1 align="center"> deanita sari </h1> 
 <b><center><font size=28 color="pink">18 tahun </font></center></b><br></br><br></br>
 <center><img src ="dea.jpg" width=500px /></center></b><br></br><br></br><br></br>
 <table width=100% height=25% bgcolor="black" border=2px>

 <tr>
 <th><font color= "pink">   kolom1 </font></th>
 <th> <font color= "pink">   kolom2 </font></th>
 <th> <font color= "pink">   kolom3 </font></th>
 </tr>

 <tr>
 <td> <center><font color= "pink">   deanita sari </font></center> </td>
 <td> <center> <font color= "pink">  deanita sari </font> </center> </td>
 <td> <center> <font color= "pink">  deanita sari </font></center> </td>

 </tr>
 </table>
</body>
</html>


nahh hasilnya kayak gini nih :D 






















Diposting oleh



di





Tidak ada komentar:
  







































          

        

          

        

5 September 2012


          

        









kode-kode HTML 
















HTML merupakan dasar atau tulang
punggung dalam pembuatan sebuah Web. Dalam



setiap file HTML akan selalu
didahului dengan tag <HTML>. Tag ini akan membuat web 



browser mencoba untuk membaca file
yang ada didalam tag tersebut untuk ditampilkan 



dalam web browser. Pada akhir baris
jangan lupa Anda harus selalu mengakhiri tag 



<HTML> dengan </HTML>.
Sehingga akan kelihatan bahwa pada setiap tag HTML akan 



selalu :



<HTML>



untuk mengakhiri :



</HTML>



Penulisan Tag HTML adalah
incasesensitive. Artinya, <HTML> akan sama dengan <html> 



atau <Html>. 







Untuk selanjutnya akan dibagi
menjadi 2 seksi: head dan body.







<HEAD>



Header akan berfungsi sebagai tanda
pengenal pada halaman yang akan Anda buat. Untuk 



mendefinisikan header dalam tag HTML
maka anda harus menambahkan <HEAD> dan 



</HEAD> tag di bawah tag
<HTML> dan akan menjadi seperti berikut :



<HTML>



<HEAD>



</HEAD>



</HTML>







<BODY>



Pada bagian body merupakan bagian
dimana Anda dapat menuliskan berbagai text yang 



ingin Anda tampilkan pada halaman
web. Untuk mendefinisikan body harus diketikan tag 



<BODY> dan ditutup dengan tag
</BODY> dibawah tag header, sehingga akan terlihat :



<HTML>



<HEAD>



</HEAD>



<BODY>



</BODY>



</HTML>







nih buat temen-temen yang pengen belajar buat web nih ada kode-kode HTML yang bisa dilihat :






    

  1. untuk text tebal : 
<b> dea </b> --> dea
    2. 

  2. untuk text besar : 
<big>dea</big> -->  dea
    3. 

  3. unutk text miring : 
<i> dea </i> --> dea
    4. 

  4. untuk text garis bawah : <u> dea </u> --> dea
    5. 

  5. untuk text garis tengah: <s> dea </s> --> dea
    6. 

  6. untuk text kedip : <blink> dea </blink>
    7. 

  7. untuk text ke tengah : <p align="center">dea</p> 
    8. 

  8. untuk text kekiri : <p 
align ="left">dea</p>
    9. 

  9. untuk text kekanan : <p align="right">dea</p>
    10. 

  10. untuk menentukan warna : <font color="blue">dea  --> dea
    11. 

  11. untuk menentukan jenis font : <font face="arial">dea --> dea
    12. 

  12. untuk memambahkan nama si pembuat  <meta> autor = "dea" > </meta>
    13. 

  13. untuk menamakan halaman web : <title> deanita </title> --> halaman web akan tertulis "deanita'
    14. 

  14. untuk menentukan besar atau kecilnya huruf : 
    15. 

        

      1. <h1> dea </h1>  --> dea
        2. 

      2. <h2> dea </h2>  --> dea
        3. 

      3. <h3> dea </h3> 
 --> dea
        4. 

      4. <h4> dea </h4> 
 --> dea
        5. 

      5. <h5> dea </h5> 
 --> dea
        6. 

      6. <h6> dea </h6> 
 --> dea
        7. 

      

    




















ni saya punya contoh pembuatan web sederhana





<html>



<head>



<title> deanita </title> 



<h1> sari </h1><h2>dea</h2>



<hr> <b><i><h3> hai kamu </h3></i></b> </hr>



<ol type = "1">



<li> nomor 1 </li>



<li> nomor 2 </li>



<ul >



<li> nomor 1 </li>



<li>nomer 2 </li>



</ul>



</ol>



<p> ini pararaf 1 </p><p> ini paragraf 2</p>



<style>



b{ color : red ;



}



</style>



</head>



<body>



<b> pemrograman web </b>



</body>



</html>







nah hasilnya kayak gini nih : 









sari







dea







                                                                                                             











hai kamu 








    

  1. nomor 1 
    2. 

  2. nomor 2 
    3. 







    

  • nomor 1 
    • 

  • nomer 2 
    • 










ini pararaf 1







ini paragraf 2



pemrograman web





















BUAT TEMEN-TEMEN YANG PUNYA REFERENSI  LAGI BOLEH BANGET DITAMBAHIN DI BLOG INI :)






















Diposting oleh



di





1 komentar:
  







































        

      









Langganan:
Postingan (Atom)