Sunday, March 9, 2014

Tutorial 7

body {
    background-color:pink;
    padding-left:15em;
          }

a:link { font-family:arial; color: white;}
a:visited { font-family:arial; color: red;}
a:hover { font-family:arial; color: blue;}

ul.links{
    list-style-type:none; //value=none/circle/square
    margin:0
    padding:0;
    width:10em;
    position:absolute;
    top:3em;
    left:0;
             }

ul.links li {
    margin:10px;
    background:#FF9900;
    border-right:1em solid black;
                }

h1 { font-family: broadway; color:purple; }

.font { font-family:arial; color:purple; }

EM { font-family:arial}


Tutorial 7.html 

<html>
    <head>
        <LINK REL = "stylesheet"  TYPE = "text/css"  HREF = "mystyle.css"
    </head>
    <body>
        <ul class="links">
                <li><a href="   "> Main Page </a></li>
                <li><a href="   "> My Biodata </a></li>
                <li><a href="   "> My Tutorial </a></li>
                <li><a href="   "> My Assignment </a></li>
        </ul>
        
        <h1> My first styled page </h1>
    
        <span class="font">
        Welcome to my page! <br> <br>
        It lacks images, but at least it has style. <br>
        And it has links, even if they don't go anywhere... <br><br>
        There should be more here, but I haven't create them yet. 
        </span> 
        <br><br><hr><br>
        <EM>
        <i>Published 17 February 2014 <br> by myself. </i>
        <EM>
        
    </body>
</html>
Posted by at No comments:

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>
Posted by at No comments:

Sunday, February 9, 2014

Tutorial 4

TIMETABLE
<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>
Posted by at No comments:

Sunday, January 26, 2014

Tutorial 3 BIBLIOGRAPHY

Name: Lee Tze Ching
Student ID: 1001231327
Gender: Female
Address: xx, Jalan Damai Perdana, 1/4A, Bandar Damai Perdana, 56000 Cheras, Kuala Lumpur.
Email Address: jessyltc@gmail.com
Contact No.: 016921xxxx



Family Member
Father Lee Kek Chin
Mother Ng Chu Eng
Sibling Lee Tze Swen

Posted by at No comments:
Subscribe to: Posts (Atom)