You are on page 1of 18

PRACTICAL NO.1:- Create a HTML page using Document Tags.

CODING:<html> <head><title> bba </title> <b> <i> <u> <font size="20"> <center> TRINITY </center> </font> </u> </i> </b> </head> <body> <P> <font size="5"> This document provides complementary or late-breaking information to supplement the Microsoft Windows documentation.</P> <P>Due to problems with power management on this computer, Windows does not have an option to switch to Standby using the Start/Shutdown menu.</font> </P> </body> </html>

OUTPUT:-

Practical No.2:- Create a HTML page and name it HOMEPAGE with following headings: a) Qualification b) Hobbies and Interests c) Future Plan d) Address for Communication Apply font colour and font size.

CODING:<html> <head> <title>myhomepage</title><center><b><i><font size="6"><font color="orange">MY HOME PAGE</center></b></i></font></font></head> <body bgcolor="pink"><font color="blue"><font size="5"> <marquee dir="left"><b>PROFILE</b></marquee></font></font> <font size="5"> QUALIFICATION: <input type="text" size="25" maxlength="50"><BR> HOBBIES & INTERESTS: <Input type="text" size="25" maxlength="50"><BR> FUTURE PLAN: <Input type="text" size=25" maxlength="50"><BR> ADDRESS FOR COMMUNICATION: <Input type="text" size="25" maxlength="30"><BR> <input type="SUBMIT" value="SUBMIT">&nbsp&nbsp&nbsp<input type="RESET" value="RESET"> </font> </body>

</html>

OUTPUT:-

Practical No.3:- Create a form named Personal Details Form with the following fields: a) Name b) Address c) Phn_off d) Phn_res e) Mobile f) e-mail g) Fax h) Passport_no. i) Blood group j) Driving licence no. k) Insurance Policy No. l) Credit card m) Feed back

CODING:<html> <head><title> myhomepage </title> <b> <i> <u> <font size="5"> <center> PERSONAL DETAILS FORM </center> </font> </u> </i> </b> </head> <body> <form> NAME:<INPUT TYPE="TEXT" MAX LENGTH="25" SIZE="12" NAME="USER" VALUE=" "/> <BR><br> ADDRESS:<INPUT TYPE="TEXT" MAX LENGTH="100" SIZE="12" NAME="ADDRESS" VALUE=" "/> <BR><BR> PHN_OFF:<INPUT TYPE="TEXT" MAX LENGTH="11" SIZE="12" NAME="PHN.O" VALUE=" "/> <BR><BR> PHN_RES:<INPUT TYPE="TEXT" MAX LENGTH="11" SIZE="12" NAME="PHN.R" VALUE=" "/> <BR><BR> MOBILE:<INPUT TYPE="TEXT" MAX LENGTH="11" SIZE="12" NAME="MOB" VALUE=" "/> <BR><BR> E-MAIL:<INPUT TYPE="TEXT" MAX LENGTH="60" SIZE="12" NAME="ID" VALUE=" "/> <BR><BR> FAX:<INPUT TYPE="TEXT" MAX LENGTH="25" SIZE="12" NAME="FAX" VALUE=" "/> <BR><BR> PASSPORT_NO.:<INPUT TYPE="TEXT" MAX LENGTH="25" SIZE="12" NAME="PASSPORT" VALUE=" "/> <BR><BR> DRIVING LICENCE_NO.:<INPUT TYPE="TEXT" MAX LENGTH="25" SIZE="12" NAME="DRIVE" VALUE=" "/><BR><BR> INSURANCE POLICY NO.:<INPUT TYPE="TEXT" MAX LENGTH="25" SIZE="12" NAME="INSURANCE" VALUE=" "/> <BR><BR>

BLOOD GROUP:<INPUT TYPE="TEXT" MAX LENGTH="5" SIZE="12" NAME="BLOOD" VALUE=" "/> <BR><BR> CREDIT CARD:<select><option>VISA</OPTION><option>STATE BANK</OPTION><option>OTHER</OPTION></SELECT><BR><BR> FEED BACK: <textarea> </textarea> <input type="SUBMIT" value="SUBMIT" name= "button" size= "10"/> <input type= "RESET" value= "RESET" name= "button" size= "10"/> </form> </body> </html>

OUTPUT:-

Practical No.4:- Create a table.

CODING:<html> <head><title>bba</title> <font size="14"><b><u><center>ADDRESS BOOK</b></u></center></font></head> <body bgcolor="red"> <center><table border =20 bgcolor =pink cellpadding="8" cellspacing="8" brodercolorlight="blue" brodercolordrak="green"> <tr> <th> S. NO.</th> <th> NAME </th> <th>ADDRESS </th> <th colspan="2"> PHN NO.<br> (Off.) (Resi.)</th>

<th>DATE OF BIRTH</th> </tr> <tr> <td>1</td> <td> A </td> <td> AMERICA </td> <td>465839274 </td>

<td>462847693</td> <td> 25-2-1996</td> </tr> <tr> <td>2</td> <td>PQR</td> <td>LONDON</td> <td>9899253614 </td> <td>-----</td> <td>30-6-1995 </td> </tr> <tr> <td>3</td> <td>JKL </td> <td>ROME</td> <td>7503261545</td> <td>23615259</td> <td>19-10-1997</td> </tr> <tr> <td>4</td> <td> ABC </td> <td>RUSSIA</td>

<td>8521691526</td> <td>27512356</td> <td>12-11-1996 </td> </tr> <tr> <td>5</td> <td> MNOP </td> <td> JERSY</td> <td> 9999975426</td> <td>-----</td> <td>24-1-1995</td> </tr> </center> </table> </body> </html>

OUTPUT:-

PRACTICAL NO.5:- Using HTML design a login form.

CODING:<html> <head><title>loginform</title></head> <body> <form> Username:<input type="text" max length="25" size="12" name="user" value=" "/> <br> <br> e-mail ID:<input type="text" max length="25" size="12" name="id" value=" "/> <br> <br> Password:<input type="password"/><br> <br> <input type="submit" value="submit" name="button" size="30"/> </body> </html>

OUTPUT:-

PRACTICAL NO.6:- Using row frame design HTML page.

CODING:<html> <head> <title> TIPS </title> <frameset rows="30%,*"> <frame src="C:\Users\M S Sethi\Desktop\hans2.html"> <frame src="C:\Users\M S Sethi\Desktop\hans4.html"> </frameset> </head> </html>

OUTPUT:-

PRACTICAL NO.7:- Using column frame design HTML page.

CODING:<html> <head> <title> TIPS </title> <frameset cols="30%,*"> <frame src="C:\Users\M S Sethi\Desktop\hans2.html"> <frame src="C:\Users\M S Sethi\Desktop\hans4.html"> </frameset> </head> </html>

OUTPUT:-

PRACTICAL NO.8:- Using cascading style sheet design HTML page.

CODING:OUTPUT:-

PRACTICAL NO.9:- Design a website.

CODING:<html> <title> TIPS </title> <head> <body bgcolor="red"> <marquee>THAT'S MY PAGE</marquee> HANSPREET<BR><BR> <img src="C:\Users\M S Sethi\Desktop\hansy\pics\paintings\10102010133.JPG" align="center" height="100"> <ul> <li>PERSONAL DETAILS <A HREF="C:\Users\JASS\Desktop\PERSONAL DETAILS.HTML">OPEN</A></li> <li>QUALIFICATIONS <A HREF="C:\Users\JASS\Desktop\QUALIFICATIONS.HTML">OPEN</A></li> <li>HOBBIES<A HREF="C:\Users\JASS\Desktop\hobbies.html">OPEN</A></li> <li>ADDRESS<A HREF="C:\Users\JASS\Desktop\Address.html">OPEN</A></li> </BODY> </HEAD> </HTML>

OUTPUT:-