TUGAS PEMROGRAMAN WEB (Review UTS) ~ Mondanta

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 :

Mondanta

Thursday, June 21, 2012