Minggu, 09 Februari 2014

PERTEMUAN WEB VII

 <html>
    <head>
      <title>Latihan JS Lanjut</title>
    </head>
    <body bgcolor="teal">
      <script>     
        var v,s,t;
        var ket;
        s=1000;
        t=3;
        v=s/t;
        if (v>300)
          ket="Kecepatan Extreme";
        else if (v>200)
          ket="Kecepatan Luar Biasa";
        else if (v>100)
          ket="Kecepatan Lumayan Cepat";     
        else
          ket="Kecepatan Normal";
        document.write("<br>Nilai V : ",v," km/jam");
        document.write("<br>Nilai S : ",s," km");
        document.write("<br>Nilai T : ",t," jam");
        document.write("<br>Dengan Kecepatan : ",v," km/jam maka ",ket);
        window.alert("Sukses... Selamat Belajar");
        document.write("<hr>");
        document.write("<table border=1 width=75% bgcolor=BLUE align=center>");
        document.write("<tr><td colspan=3>Logo</td></tr>");
        document.write("<tr height=300px><td width=15%>Menu</td>");
        document.write("<td>Isi</td><td width=15%>news</td></tr>");
        document.write("<tr><td colspan=3 align=center>Hakcipta</td></tr>");
      </script> 
    </body>
 </html>
Diposting oleh di Tidak ada komentar:

PERTEMUAN WEB VI

 <html>
<head>
 <title>Latihan Js-2</title>
<style>
  body        {
   background-color      :black;
   color                       :magenta;
   font-family              :"monotype corsiva";
   font-size          :14 px;
   margin                    :50px 50px 50px 50px;
        }
 </style>
</head>
 <body>
  <script>
  var a,b,c,d,e;
  b=10;
  c=15;
  a=b+c;
  d=a*a-b*b+c;
  e=b/2*(c-d);
  document.write("Nilai A =",a);
  document.write("<br> Nilai D =",d);
  document.write("<br> Nilai E =",e);
  document.write("<hr>");
  document.write("Belajar Test Kondisi");
  var ip;
   ip=2.5;
   if (ip >3)
        document.write("<br>Anda Lulus");
  else
        document.write("<br>Anda Tidak Lulus");
document.write("<hr>");
document.write("<br>Belajar Perulangan");
var i;
for (i=1;i<=30;i++)
{
if (i % 2 == 0)
        document.write("<marquee direction=left>Yes</marquee>");
   else
        document.write("<marquee direction=right>No</marquee>");
}
  </script>
 </body>
</html>
Diposting oleh di Tidak ada komentar:

Sabtu, 08 Februari 2014

PERTEMUAN IV (eksternal css)

<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<title>Eksternal CSS</title>

</head>
<body bgcolor=yellow>
<p>Kamu yang selalu ada di hatiku</p>
<span>Kecantikan mu membuat aku terpanah</span><br>
<a href="">Pilihan Ku Kamu</a>
</body>
</html>

Diposting oleh di Tidak ada komentar:

PERTEMUAN 3

<html>
   <head>
       <title>Praktikum 3</title>
   </head>
   <body bgcolor=gold topmargin=150px>
     <form>
      <table border=1px width=40% align=center>
          <tr bgcolor=blue>
             <td colspan=2 align=center><font color=white>LOGIN</font></td>
          </tr>
          <tr>
             <td>User</td>
             <td><input type=text size=30 name=txtuser></td>
          </tr>
          <tr>
             <td>Password</td>
             <td><input type=password size=30 name=txtpass></td>
          </tr>
          <tr>
             <td colspan=2 align=center><input type=submit value=LOGIN>
                                    <input type=reset value=CANCEL></td>
          </tr>
       </table>
    </form>
   </body>
</html>a
Diposting oleh di Tidak ada komentar:

PERTEMUAN 2

<html>
   <head>
       <title>Latihan - 2 </title>
   </head>
   <body>
     <table  border="1px"
                width="85%"
                align="center"
                height="75%">
         <tr>
             <td valign="top" align="center" colspan=6>
                 <font size="+2" color="red">Pencarian Gambar</font>
                   <br>
                   <br>
                   <form>
                       <input type=text size=35>
                       <input type=submit value=Search>
                   </form>
             </td>
          </tr>
          <tr>
              <td><img src=desert.jpg width="100px" height="100px"></td>
              <td><img src=tulips.jpg width="100px" height="100px"></td>
              <td><img src=penguins.jpg width="100px" height="100px"></td>
              <td><img src=jellyfish.jpg width="100px" height="100px"></td>
              <td><img src=koala.jpg width="100px" height="100px"></td>
              <td><img src=hydrangeas.jpg width="100px" height="100px"></td>
          </tr>
     </table>
   </body>
</html>
Diposting oleh di Tidak ada komentar:

Jumat, 07 Februari 2014

TUGAS PRAKTEK WEB NO 1

<html>

<head>

</title> </title>

</head>

<body>

<script>

var i,j,dx;

dx=100;

document.write("<table height=100%><tr height=100%>")

for(i=1;i<=10;i++)

{

document.write("<td><div style='width:3px;height:",dx,"% ;background-color:red;'></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>");

// document.write("<hr width=",dx,"% >");

dx=dx-10;

}

document.write("</tr></table>")

</script>

</body>

</html>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)