Thursday, June 21, 2012

TUGAS PEMROGRAMAN WEB (Review UTS)

Tugas UTS Pemrograman Berbasis Web!!

01. Tuliskan 5 perintah untuk formst teks!
       * program html :
            <html>
              <head>
                <title>Format teks html</title>
             </head>
               <body>
                  <b>teks tebal(bold)<br>
                  <strong>memperkuat tulisan<br>
                 <u>teks bergaris bawah<br>
                 <i>teks dengan garis miring<br>
                 <small>teks lebih kecil dari normal<br>
                </body>
           </html>


      hasilnya dalam web browser :
       
     
 02. Tuliskan kode css internal sehingga  tag body memiliki karakter sebagai berikut :
            - batas atas, kanan, bawah dan kiri = 100px
            - jenis huruf = monotype corsiva
            - besar huruf = 24pt
            - warna huruf = emas
           - gambar latar belakang = logo UNIKA
 
      program htmlnya :
           <html>
 <head>
  <title>Kode css internal</title>
  <style type = "text/css">
  body
  {
  margin : 100px,100px,100px,100px;
  font-family: monotype corsiva;
  font-size: 24pt;
  font-color: Gold;
  }
  </style>
  <body background=logo.jpg>
  </body>
 </head>
<html>

    
            hasilnya di web browser:
          
           

03. Membuat kode html tabel 2 baris, 2 kolom :

       program htmlnya :
<html>
 <head>
  <title>Table</title>
   </head>
   <body>
    <table width=50% height=50% border=5>
     <tr>
      <td>1</td>
      <td>2</td>
     </tr>
     <tr>
      <td>3</td>
      <td>4</td>
     </tr>
    </table>
   </body>
</html>

  hasil dalam web browser :
   















 04. Membuat kode html frame 2 kolom.
     program htmlnya :
      #dalam membuat frame, kita harus membuat 3 kode html.
       kode html pertama disimpan dengan nama latihan1.html:
<html>
 <head>
  <title> Frameset</title>
       </head>
  <body>It’s your love<p></p>

Dancing in the dark
Middle of the night
Taking your heart
Holding it tight<p></p>

Emotional touch
Oh touching my skin
Asking you to do
What you've been doing
All over again<p></p>

Oh it's a beautiful thing
Don't think I can keep it all in
I've just gotta let you know
What it is that won't let me go<p></p>


It's you love
Just does something to me
Sends a shock right through me
Can't get enough
And if you wonder
About the spell I'm under
It's your love<p></p>

Better then I was
More then I am
All of that happened
By taking your hand

Who I am now
Is who I wanna be
Now that we're together
Stronger then ever
Happy and free<p></p>


  </body>
</html> 
     
#kode html kedua dengan nama latihan2.html:
  <html>
 <head>
  <title>Frameset</title>
 </head>
  <body>in my heart, in my soul
in my mind, in my day
i wanna be a supergirl
I wanna be like that
in my heart, in my soul
in my mind, in my day
i wanna be a supergirl
I wanna be like that
I wish that true Wish that is true

  </body>
</html>

#lalu, kode html ketiga kita akan membuat frame'y dengan memasukkan kedua file yang telah disimpan :
  <html>
 <head>
  <title>Frameset</title>
 </head>
   <frameset>
   <frameset cols=50%,*>
   <frame src=latihan1.html>
   <frameset cols=50%,*>
   <frame src=latihan2.html>
    </frameset>  
  <body >

  </body>
</html>


hasil dalam web browser :
 



05. Buat form untuk menginput NIM, Nama dan Agama.

     program htmlnya :
 <html>
 <head>
  <title>Membuat Form</title>
 </head>
  <body>
    <form>
     <table>
      <tr>
       <td>Nama</td>
       <td>:</td>
       <td><input type=text size=25 maxlength=25></td>
      </tr>
      <tr>
       <td>NIM</td>
       <td>:</td>
       <td><input type=text size=20 maxlength=20></td>
      </tr>
      <tr>
       <td>Agama</td>
       <td>:</td>
       <td><input type=text size=20 maxlength=20></td>
      </tr>
      </table>
   </body>
</html>
 hasil dalam web browser :

0 comments:

Post a Comment

KOMENTAR