HTML Assignmt

Assignment-1
Ques-1: Create a web site with following web pages

1st page: BBA-IV Sem
1) 2) 3) 4)
List of Subjects Business Law Human Resources Computer Application-II Taxation Law About Business Law
2nd page: Business Law
3rd page: Human Resources
About Human Resources

4th page: Computer
Application About Computer Application About Taxation Law
5th page: Taxation Law
Coding for the 1st page: <html> <head> <title>BBA_IV Sem</title> </head> <body> <h1><center><u><b>List of Subjects</b></u></center></h1> <p><a href="BL.htm">Business Law</a></p> <p><a href="HR.htm">Human Resources</a></p> <p><a href="CA.htm">Computer Application</a></p> <p><a href="TL.htm">Taxation Law</a></p> </body> </html> Coding for 2nd page: <html> <head> <title>Business Law</title> </head> <body> <h1><center><u><b>About Business Law</b></u></center></h1> </body> </html>
Coding for 3rd page: <html> <head> <title>Human Resources</title> </head> <body> <h1><center><u><b>About Human Resources</b></u></center></h1> </body> </html> Coding for 4th page: <html> <head> <title>Computer Application</title> </head> <body> <h1><center><u><b>About Computer Application</b></u></center></h1> </body> </html> Coding for 5th page: <html> <head> <title>Taxation Law</title> </head> <body> <h1><center><u><b>About Taxation Law</b></u></center></h1> </body> </html> Output:
For the 1st page:
For the 2nd page:
For the 3rd page:
For the 4th page:
For the 5th page:
Assignment-2
Ques-2: Create a table to show the information (roll no., name, course, age and address) about student use minimum five records.
Student Details
Roll no. Name Course Age Address
Coding: <html> <head> <title> Student Details </title> </head> <body> <table> <table border "1"> <tr> <td> Roll no. </td> <td> Name </td> <td> Course </td> <td> Age </td> <td> Address </td> </tr> <tr> <td> 01 </td> <td> ABC </td> <td> BBA </td> <td> 18 </td> <td> janakpuri </td> </tr> <tr> <td> 02 </td> <td> XYZ </td> <td> BCA </td> <td> 19 </td> <td> tilak nagar </td> </tr> <td> 03 </td> <td> PQR </td> <td> BBAcam</td> <td> 18</td> <td> new delhi</td> </tr>
<tr> <td> 04 </td> <td> EFG </td> <td> BBA(b&i)</td> <td> 18</td> <td> rajori garden </td> </tr> <tr> <td> 05 </td> <td> LMN </td> <td> BBA </td> <td> 19 </td> <td> shahdrah </td> </tr> </table> </body> </html>
Output:
Assignment-3
Ques-3: Design the following web page using list..
Title: Heading: Body:
Course Offered Institute of Innovation in Technology & Management The following course offered in collage:
1) BBA 2) BCA 3) B.CAM * The courses will be conducted in full time. * This collage is affiliated with GGSIPU.
Coding: <html> <head> <title>Course Offered</title> </head> <body bgcolor="ff00f0"> <h1><center>Institue of Innovation in Technology & Management</center></h1> <p><b>The following course offered in collage:</b> </p> <ol type="1"> <li>BBA</li> <li>BCA</li> <li>B.CAM</li> </ol> <ul> <li><b>The course will be conducted in full time.</b></li>
<li><b>This collage is affiliated with GGSIPU.</b></li> </ul> </body> </html> Output:
Assignment-4
Ques-4: Create a page in the following format Title page: Chemical Equations
Body:
1st: H2SO4+HCl=H2O+3HCl+CO2 2nd: 3HCl+NaOH=NO3+H2SO4+NaCl Coding: <html> <head> <title>CHEMICAL EQUATIONS</title> </head> <body bgcolor="#00ffff"> <h1><center>CHEMICAL EQUATIONS</center></h1> <p><b>H<sub>2</sub>SO<sub>4</sub>+HCl=H<sub>2</sub>O+3HCl +CO<sub>2</sub></b></p> <hr> <p><b>3HCl+NaOH=NO<sub>3</sub>+H<sub>2</sub>SO<sub>4</su b>+NaCl</b></p> </body> </html>
Output:
Assignment-5
Ques-5: Create a biodata
Title: Deepikas resume Body:Heading1: Biodata
Name: ______ Address: ______ Phone no.: _____ Career Objectives ___________
Heading2 (a):
Education Course, Board/Collage, Year and Percentage

Heading2 (b):
Hobbies _________
Heading2 (c):
Personal Details: DOB: _____ Marital Status: ______
Coding: <html> <head> <title> Deepika's Resume </title> </head> <body bgcolor="00ff0f"> <h1><center><u>BIODATA</u></center></h1> <p><b>Name:</b>Neelima</p> <p><b>Address:</b> Dilshad Colony</p> <p><b>Phone No.:</b> 987654321</p> <hr> <h2><u>Career Objectives</u></h2> <p>To become successful person</p> <h2><u>Education</u></h2> <table border "4"> <tr> <td><b>Course</b></td> <td><b>Board/Collage</b></td> <td><b>Year</b></td> <td><b>Percentage </b></td> </tr> <tr> <td>BBA</td> <td>IP University</td> <td>2009-2012</td> <td>Persuing</td> </tr> <tr> <td>12th</td> <td>CBSE</td> <td>2008-2009</td> <td>58%</td> </tr> <td>10TH</td> <td>CBSE</td>
<td>2006-2007</td> <td>68%</td> </tr> </table> <h2><u>Hobbies</u></h2> <ul> <li>Music</li> <li>Dancing</li> </ul> <h2><u>Personal Details</u></h2> <p><b>DOB:</b> 20/09/1990</p> <p><b>Marital Status:</b> Unmarried</p> </body> </html>
Output:
Assignment-6
Ques-6: Create a table of car list:
Car List (title) Car-Price List Car Maruti: Omini Maruti 800 Maruti Zen Alto Tata: Sumo Searria Safari Price 200000 235000 300000 350000 400000 500000 600000
Coding: <html> <head> <title>Car List</title> </head> <body> <table border="1"> <caption><b><u>Car-Price List</u></b></caption> <tr> <th colspan="2"><b>Car</b></th> <th><b>Price</b></th> </tr> <tr> <td rowspan="4">Maruti <td>Omini<td>200000 <tr><td>Maruti 800 <td>230000 <tr><td>Maruti zen <td>330000 <tr><td>Alto <td>430000 </tr> <tr> <td rowspan="4">Tata <td>Sumo<td>400000 <tr><td>Searria<td>500000 <tr><td>Safari<td>600000 </tr> </body> </html>
Output:
Assignment-7
Ques-7: Design the following page using frame:
Contents *Fruits *Animals *Birds
If you click on the any one content at a time, it should display in the right side of the frame n frame should be divided into 40% and 60%. Coding for the 1st page: <html> <head> <title>Mainframe Page</title> </head> <frameset cols="40%, 60%> <frame name="Leftframe" src="content.htm" scrolling="yes"> <frame name="Rightframe" src="starting.htm" scrolling="yes"> </frameset> </html>
Coding for 2nd page: <html> <head> <title>Contents</title> </head> <body> <h1>contents</h1> <ul> <li><a href="fruits.html"target="right frame">Fruits</a> <li><a href="animals.html" target="right frame">Animals</a> <li><a href="birds.html" target="right frame">Birds</a> </ul> </body> </html>
Coding for 3rd page: <html> <head> <title>Fruits</title> </head> <body> <h1><b><u>Fruits</u></b></h1> <ol> <li>Mango <li>Apple <li>Grapes <li>Orange <li>Banana </ol> </body> </html>
Coding for 4th page: <html> <head> <title>Animals</title> </head> <body> <h1><b><u>Animals</u></b></h1> <ol> <li>Rabbit <li>Elephant <li>Lion <li>Dog <li>Cat </ol> </body> </html> Coding for 5th page: <html> <head> <title>Birds</title> </head> <body> <h1><b><u>Birds</u></b></h1> <ol> <li>Duck <li>Swan <li>Peacock <li>Eagle <li>Falcon </ol> </body> </html>
Output: For the 1st page:
For the 2nd page:
For the 3rd page:
For the 4th page:
For the 5th page:
Assignment-8
Ques-8: Create the following format using frame:
Contents *Fruits *Animals *Birds Animals (Display five animals name) Birds (Display five birds name)
Fruits (Display five fruits name)
Coding: <html> <head> <title>Mainframe</title> </head> <frameset cols="20%,50%, 30%"> <frame name="lframe" src="content.html"> <frameset rows="50%, 50%"> <frame name="top frame" src="animals.html"> <frame name="bottom frame" src="birds.html"> </frameset> <frame name="rframe" src="fruits.html"> </frameset> </html>
Output:
Ques-9: Create a frame in the following format:

List of Subjects *CA-II *Taxation Law *Business Law *Marketing Research
If you click on the any one content at a time, it should display in the right side of the frame n frame should be divided into 50% and 50%.
Coding for the 1st page: <html> <head> <title>Mainframe</title> </head> <frameset cols="50%, 50%"> <frame name="left frame" src="los.html"> <frame name="right frame" src="*"> </frameset> </html>
Coding for the 2nd page: <html> <head> <title>List of subjects</title> </head> <body> <h1>List of subjects</h1> <ul type="*"> <li><a href="ca.html" target="right frame">Computer Application - II</a> <li><a href="bl.html" target="right frame">Business Law</a> <li><a href="tl.html" target="right frame">Taxation Law</a> <li><a href="mr.html" target="right frame">Marketing Research</a> <li><a href="be.html" target="right frame">Business Environment</a> <li><a href="hr.html" target="right frame">Human Resource Management</a> </ul> </body> </html> Coding for the 3rd page: <html> <head> <title>Computer Application - II</title> </head> <body> <h1>Computer Application - II</h1> <p>Computer Application - II is taught in the 4th semestar. It is taught to us by Abhishek sir.</p> </body> </html
Coding for the 4th page: <html> <head> <title>Business Law</title> </head> <body> <h1>Business Law</h1> </body> </html> Coding for the 5th page: <html> <head> <title>Taxation Law</title> </head> <body> <h1>Taxation Law</h1> </body> </html> Coding for the 6th page: <html> <head> <title>Marketing Research</title> </head> <body> <h1>Marketing Research</h1> </body> </html>
Coding for the 7th page: <html> <head> <title>Business Environment</title> </head> <body> <h1>Business Environment</h1> </body> </html> Coding for the 8th page: <html> <head> <title>Human Resourcs Management</title> </head> <body> <h1>Human Resource Management</h1> </body> </html>
Output:
For the 1st page:
For the 2nd page:
For the 3rd page:
For the 4th page:
For the 5th page:
For the 6th page:
For the 7th page:
For the 8th page:
Assignment-9
Ques-10: Write an HTML code to design your Resume in the following format:
BIO-DATA Objectives: Address:
Course
Education Qualification Year Percentage
Board
Personal Details Name: Phone no.:
Hobbies * * *
Coding: <html> <head> <title>Bio-data</title> </head> <body> <table border=5 width=100% height=100%> <tr> <th colspan=4><center>BIO-DATA</center></th> </tr> <tr> <th colspan=2>Objectives:<p>to become a successive person in life and to fulfill my dreams.</p></th> <th colspan=4>Address: <p>Dilshad Colony, New Delhi</p></th> </tr> <tr> <th colspan=4>Education Qualification</th> </tr> <tr> <th>Course</th> <th>Year</th> <th>Percentage</th> <th>Board</th> </tr> <tr> <td>BBA</td> <td>2009-2012, Persuing</td> <td>-</td> <td>IP University</td> </tr> <tr> <td>12th</td>
<td>2008-2009</td> <td>53%</td> <td>CBSE</td> </tr> <tr> <td>10th</td> <td>2006-2007</td> <td>68%</td> <td>CBSE</td> </tr> <tr> <th colspan=2>Personal Details</th> <th colspan=4>Hobbies</th> </tr> <tr> <td rowspan=2><b>Name:</b>Neelima</td> <td><b>Phone no.:</b>9876543210</td> <td colspan=4> <ul> <li>Dance <li>Reading <li>Drawings and Paintings </ul> </td> </tr> </table> </body> </html>
Output:
Assignment-10
Ques-11: Create a web page about the college IITM 1 st page:
About IITM Home Course Offered Extra Caricular
IITM (should be moving)
2 nd page:
About IITM Home (Some Lines about iitm) (image of college)
Go to previous page (hyperlink)
3 rd page:
About IITM Course Offered BBA B.Cam BCA
4th page:
About IITM Extra Caricular Seminar Sports Day Annual Day
Note: Use marquee tag for moving IITM
Coding for 1st page: <html> <head> <title>About IITM</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <br> <br> <table border=4 width=100%> <tr> <th><a href="home.htm">HOME</a></th> <th><a href="course.htm">COURSE OFFERED</a></th> <th><a href="extra.htm">EXTRA CARICULAR</a></th> </tr> </table> <br> <br> <br> <marquee><font size=30>IITM</marquee> </body> </html>
Coding for 2nd page: <html> <head> <title>About IITM</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <br> <h1>HOME</h1> <img src="d:\iitm_2.jpg" align="right" width=25%> <h2>College is affilated to Guru Gobind Singh Indraprastha University(GGSIP University)</h2> <p><pre> It is an affiliating and teaching University that aims to facilitate and promote studies, research and extension work in emerging areas of higher education with focus on professional education in the disciplines of engineering, technology, architecture, management, medicine, pharmacy, physiotherapy, nursing, education, law, journalism and mass communication, etc. and also to achieve excellence in these and related fields and other matters connected therewith or incidental thereto.</pre></p> <br> <br> <br> <br> <a href="iitm.htm">go to previous page</a> </body> </html>
Coding for 3rd page: <html> <head> <title>About IITM</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <h1>Course Offered</h1> <br> <br> <p>The following courses are offered by the college:</p> <br> <ul> <li>BBA <li>BBA-cam <li>BCA </ul> <pre>
</pre> <br> <a href="iitm.htm">go to previous page</a> </body> </html>
Coding for 4th page: <html> <head> <title>About IITM</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <h1>Extra Carricular</h1> <br> <br> <p>The following extra carricular activities are held by the college:</p> <br> <ul> <li>Sports <li>Annual day </ul> <pre>
</pre> <br> <br> <a href="iitm.htm">go to previous page</a> </body> </html>
Output:
For 1st page:
For 2nd page:
For 3rd page:
For 4th page:

HTML Assignmt

Uploaded by

Document Information

Original Description:

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

HTML Assignmt

Uploaded by

Copyright:

Available Formats

Assignment-1

Ques-1: Create a web site with following web pages

2nd page: Business Law

3rd page: Human Resources

About Human Resources

Application About Computer Application About Taxation Law

5th page: Taxation Law

For the 1st page:

For the 2nd page:

For the 3rd page:

For the 4th page:

For the 5th page:

<li><b>This collage is affiliated with GGSIPU.</b></li> </ul> </body> </html> Output:

Education Course, Board/Collage, Year and Percentage

Personal Details: DOB: _____ Marital Status: ______

Output: For the 1st page:

For the 2nd page:

For the 3rd page:

For the 4th page:

For the 5th page:

Fruits (Display five fruits name)

Ques-9: Create a frame in the following format:

For the 2nd page:

For the 3rd page:

For the 4th page:

For the 5th page:

For the 6th page:

For the 7th page:

For the 8th page:

Education Qualification Year Percentage

Personal Details Name: Phone no.:

IITM (should be moving)

Go to previous page (hyperlink)

Go to previous page (hyperlink)

Go to previous page (hyperlink)

Note: Use marquee tag for moving IITM

</pre> <br> <a href="iitm.htm">go to previous page</a> </body> </html>

</pre> <br> <br> <a href="iitm.htm">go to previous page</a> </body> </html>

For 2nd page:

For 3rd page:

For 4th page:

You might also like

Personal Details: DOB: _ Marital Status: __