Sunday, March 9, 2014

Tutorial 6

Header.html 
<html>
    <body style="background:url(images.jpg)">
    
    </body>
    
</html>
















Sidebar.html

<html>
    <body bgcolor="pink">

    <b><u><font face="arial"> SIDEBAR </font></u></b><br><br>

    <font face="calibri" size="4"><b><a href="Tutorial 4.html" target="content"> Tutorial 4 </a></b></font>
<br><br>
    <font face="calibri" size="4"><b><a href="https://www.ucsiuniversity.edu.my/" target="content"> UCSI </a></b></font>
<br><br>
    
    </body>
</html>

Tutorial 4.html 

<html>
    <head>
        <title> Tutorial 4</title>
    </head>

    <body>


    <center>

   <table border="3">

<tr>

<td><b>Day/Time</b></td>
<td><b> 8.00-9.30</td>
<td><b> 9.30-11.00 </td>
<td><b> 11.00-12.30 </td>
<td><b> 12.30-2.00</td>
<td><b> 2.00-3.30 </td>
<td><b> 3.30-5.00 </td>
</tr>

<tr>

<td><b>Monday</b></td>
<td>Public Speaking (C417) </td>
<td>IT (Lab C) </td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>

<tr>

<td><b>Tuesday</b></td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>Film Studies(C401)</td>
<td>PR (G04)</td>
</tr>


<tr>

<td><b>Wednesday</b></td>
<td>Public Speaking (C407)</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>

<tr>

<td><b>Thursday</b></td>
<td>&nbsp</td>
<td>Film Studies (C401)</td>
<td>PR (Newsroom)</td>
<td>IT (C409)</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>

<tr>

<td><b>Friday</b></td>
<td>IT (Audi)</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>


</table>

    </center> <br>

    <center><b>

    Time Table (Jan - Apr 2014)
    </center></b> <br>

    <center><a href="Tutorial 3.html">

    Click here for Tutorial 3 </a></center> <br>

    </body>

    
</html>

Content.html

<html>
    <body style="background-color:skyblue">
    
    <font face= "arial" size="4">Click links from the sidebar to view contents </font>
    
    </body> 
</html>

Frame.html

<html>
    <frameset>
    <frameset rows="30%, *" frameborder="1">
        <frame noresize="noresize" src="Header.html" > 
    <frameset cols="20%,*">
        <frame name="nav" noresize="noresize" src="Sidebar.html">
        <frame name = "content" noresize="noresize" src="Content.html">                        
    </frameset>

    </body>

</html>


Question 2 - Form

<html>

    <body>
    <form action="send.php" method="post">
        <b>What kind of car would you like to buy? </b><br> <br>
    &nbsp&nbsp&nbsp&nbsp&nbsp    
        <input type="radio" name="user_vehicle" value="Proton" checked> Proton &nbsp    
        <input type="radio" name="user_vehicle" value="Honda"> Honda &nbsp
        <input type="radio" name="user_vehicle" value="Ferarri"> Ferrari &nbsp
        <input type="radio" name="user_vehicle" value="Ford"> Ford &nbsp
    <br><br>
        <b>What colour do you want on you car? </b><br><br>
    &nbsp&nbsp&nbsp&nbsp&nbsp
        <select>
        <option value="White"> White </option>
        <option value="Red"> Red</option>
        <option value="Black" selected> Black </option>
                     <option value="Blue"> Blue </option>
        </select>
        Other: <input type="text" name="user_other"/>
    <br><br>
        <b>Enter other recommendation of your preferred car: </b> <br>
    &nbsp&nbsp&nbsp&nbsp&nbsp
        <textarea name="Other" rows="5" cols="50"> </textarea>
    <br><br>
        <b>Tell us how to get in touch with you: </b><br><br>
    <table> 
    <tr>
    <td>&nbsp&nbsp&nbsp&nbsp&nbsp Name </td>
     <td><input type="text" name="user_name"/> </td></tr>
    <tr>
    <td>&nbsp&nbsp&nbsp&nbsp&nbsp E-mail </td>
    <td><input type="text" name="user_email"/> </td></tr>
    <tr>
    <td>&nbsp&nbsp&nbsp&nbsp&nbsp Tel </td> 
    <td><input type="text" name="user_tel"/> </td></tr>
    <tr>
    <td> &nbsp&nbsp&nbsp&nbsp&nbsp FAX </td>
    <td><input type="ext" name="user_fax"/> </td></tr>
    </table><br>

    &nbsp&nbsp&nbsp&nbsp&nbsp

    <input type="checkbox"> Please contact me as soon as possible regarding this matter <br>    
    <br>
    <input type="submit" value="Send" /> 
    <input type="reset" value="Clear" />
    
     </form>
    </body>
</html>

No comments:

Post a Comment