Tugas Web2

Halaman utama
Halaman Hyperlink
Sourcode Halaman utama : <html> <head> <title> -= webku =- </title> <!- ini adalah external CSS --> <link rel="stylesheet" type="text/css" href="css.css"> <style type = "text/css" media = screen> /* ini adalah embedded CSS */ H2 { font-family: "Courier New", Courier, monospace, "Comic Sans MS"; color:blue; background-color:MAROON; font-weight: bold; } H4 { font-family: comic sans ms; color:red; align:justify; } .style1 { font-size: 38px; font-weight: bold; } .style2 { font-size: 28px; font-weight: bold; } </style> </head> <body> <table align = "center" border = "1" width = "800" height = "500"> <tr>
<td colspan = "3" align = "center" background ="images/WALL.JPG" width = "800" height = "150" > <p><TT><font color = "orange" size = "3"> <span class="style1">WeLc0mE t0</span> </TT></br></p> <p><TT><font color = "magenta" size = "2"> </TT><span class="style2">Benny site</span></p> </td> </tr>
<tr> <td width = "150" height = "500" align = "center" valign = "top" background ="images/WALLPAPER.JPG"> <h3><br> Benny </h3> <ul type = "square"> <h4><li>Pr0fiLe</li> <li>Ph0t0s</li></h4> </ul> </br> <h3><br>My Music</br> <br>My Food</br> <br>Tutorial</br> <br>Others</br></h3> </td> <td width = "500" height = "500" align = "center" valign = "top"> <table> <tr> <td> <H2 align = "center">Let Me Introduce This</h2> </td> </tr> <tr> <td> <!- ini adalah inline CSS -->
<p style="background: blue; color: #00FF33; font-style:oblique;" align="justify"> <br>CSS Introduction :<br> It is time to take your web designing skills to the next level with <b>C</b>ascading <b>S</b>tyle <b>S</b>heets (CSS). They are a way to control the look and feel of your HTML documents in an organized and efficient manner. With CSS you will be able to: Add new looks to your old HTML, Completely restyle a web site with only a few changes to your CSS code, Use the "style" you create on any webpage you wish! Let's rock :p</p> <!- ini juga inline CSS --> <p style="background: red; color: black; font-style:italic;" align="center"> Ini adalah contoh dari inline CSS </p> <font face = "courier new">Pada web kali ini terdapat beberapa menu, yaitu :</font> <ul> <h4><li>Benny</li></h4> <ul type = "square"> <li>Profile</li> <li>Photos</li> </ul> <h1><li> My Music </li></h1> <h3><li> My Food </li> <li> Tutorial </li> <li> Others </li></h3> </tr> <tr> <td><div align="center"> <a href="benny.html" target="_top"class="tyle1"> My Site </a> </div></td> </tr> </table> </td> <td width = "100" height = "500" align = "center" valign = "top"> <table> <tr> <td> <center><img src ="images/angry_128.png" ></center></td> </td>
</tr> <tr> <td> <center><img src ="images/music_128.png" ></center></td> </tr> <tr> <td> <center><img src ="images/shocked-128.png" ></center></td> </tr> <tr> <td> <center><img src ="images/shame-128.png" ></center></td> </tr> </table> </td> </tr> </table> <center> <img src = "images/images.jpeg" vspace = "2"> <br> <tt> <font size = "3"> Copyright © 2011-2012 <br> <font size = "3"> DeSigN by benny </tt></br> </center> </body> </html>
Sourcode Hyperlink : <head> <title>Untitled Document</title> <style type="text/css"> <!-.style1 {font-family: "Courier New", Courier, monospace, "Comic Sans MS"} .style2 {font-family: "Courier New", Courier, monospace, "Comic Sans MS"; color: #0000FF; } body { background-color: #111111; } --> </style></head> <body> <table width="939" border="0"> <tr> <td width="933"><div align="center"><img src="images/Gambar-Header.jpg" width="750" height="150" /></div></td> </tr> <tr> <td><table width="750" border="0" align="center"> <tr bgcolor="#CCCCCC"> <td width="150"><h5 align="center"><span class="style1">Home</span></h5></td> <td width="150"><h5 align="center" class="style1">'bout me </h5></td> <td width="150"><h5 align="center" class="style1">Tutorial</h5></td> <td width="150"><h5 align="center" class="style1">Source Code </h5></td> <td width="150"><h5 align="center" class="style1">Others</h5></td> </tr> </table></td> </tr> </table> <p> </p> <h2 align="center" class="style2">Ups......We're really sorry<br /> The page you requested still under construction....</h2>
<h2 align="center" class="style2">Please come again Later.... ^_^ </h2> <p align="center" class="style1"><a href="index.html"target="_top"class="tyle2"> BACK </a> </p> <p> </p> </body> </html>
Sourcode CSS : ul { background-color:green; font-weight:bold; } h3 { color:blue; font-weight:bolder; font-family:Courier new; font-style:Italic }

Tugas Web2

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tugas Web2

Uploaded by

Copyright:

Available Formats

Halaman utama

Sourcode CSS : ul { background-color:green; font-weight:bold; } h3 { color:blue; font-weight:bolder; font-family:Courier new; font-style:Italic }

You might also like