All practical questions are to be implemented using HTML5 ,CSS3 and Javascript.

1. Write HTML code to display your bio-data using different types of lists and tables
2. Create a web page showing an ordered list of names of the subjects, with the nested list if any subject
has been selected it should display the content of each subject.
3. Create a web page with appropriate content and insert an image towards the left-hand side of the page
when the user clicks on the image, it should open another web page.
4. Write HTML Code for the use of Anchor tag,
Creating a web link that opens in a new window.
Creating a web link that opens in the same window
Reference within the same Html document.
Reference to some image.
Making an image a hyperlink to display the second image
5. Create a timetable for your class with ROWSPAN and COLSPAN attributes of TABLE also include
CELLSPACING & CELL PADDING.
6. You have a 200*200 pixel image When a user clicks the top-left quarter of the image you should get
the page name toplft.html, if the user clicks the top-right quarter of the image you should get the page
 name toprgt.html, if the user clicks the bottom-left quarter of image you should get page name
btmlft.html, if the user clicks the btmrgt.html quarter of image you should get page name btmrgt.html
7. Develop an Html application that accepts registration from the user and it should display the details
of the products available in the Warehouse
o Item Number
o Item Name
o Total Quantity available
o Price/unit
Use the Form tag to display the registration form

Use Table tag to represent data

Cellspacing and cellpadding attributes should be used in the table

8. Develop an Html application that displays the dishes available in a particular restaurant and mentions
the rates for each dish. Give a name for your restaurant which is common for all the web pages

The details of the dishes are given below

Category of dishes

o Chinese
o Indian
Sub Category

o Starter
o Main Items
o Desserts
Use frames to display items available in the restaurant and any other extra facilities given in
the restaurant

Use a list tag to display subcategories

9. Develop an Html application that shows the details of the Resort which contains the following details

Rooms available (A/c, Non A/c)

o Rates for each room

o Extra charges if extra facilities are provided (mention the extra facilities given)
Vehicles

o Name of the vehicle with cost per km

Site seeing places

Contact us

Split web page with frames taking the left 25% of browser window, If clicking each name
corresponding web page in right 75% of web browser window

10. Develop an Html application that displays the information of all trains in tabular columns:

a. Based on the day (Monday, Tuesday etc) selected

b. Train Number

c. Train Name

d. Departure

e. Arrival

f. Departure Time

g. Arrival Time

Also display approximate railway chart for a particular zone by using tables.

11. Develop a Html application which displays the details of a particular Domestic Airlines which contains
the following details

o Source
o Destination
o Departure time
 School of Computing

o Arrival time
o Number of adults / Children
Use frame tag to represent your web site

Display the fair details of your airlines.

Also display the route details with details of timing

12. Write Html code to create

Link to the location on the same page

Graphical link to an image

13. Develop a Html application for Library Management which displays the following details

Different areas in the library

Books available in different areas

Total number of books available in the library

Journals available

o National
o International
Use frames to display the contents

14. Write Html code that gives information about different cities in Gujarat, when the user click on any of
the cities from the left frame, the information about the respective cities should appear on the right
frame

Use frame tag Split web page with frames taking the left 25% of the browser window, If
clicking each name corresponding web page in right 75% of the web browser window

Also display the tourist spot of Gujarat state

iMSC(IT)Syllabus 2024-27 Page|4

 School of Computing
15. Write an Html code that gives information on the theatre name of the selected movie or the user can
view the information of the movies, show timings, and screen no. for the particular theatre. Also, make

the form to insert the above details movie name, the screen no, show time, and theatre name in the
database.

Use the combo box to select a movie or theatre.

Use the radio button to display the timing

16. Develop an Html application that displays the details of the students:

a. Roll Number

b. Name

c. Degree

d. Semester

e. Address

Use the Form tag to display the details given above

17. Create a web page that collects the first name, last name, email, user id, password, and confirm
password from the user.
All the inputs are mandatory
Email-id must be in proper format.
Values entered in the password and confirm password must be same
After validating using JavaScript print the output of user information
If error print in red color
18. Develop a navigation menu that changes its layout from horizontal to vertical based on different
screen sizes using media queries.
Create a horizontal navigation menu with multiple links.
Implement media queries to:
o Transform the horizontal menu into a vertical menu on smaller screens (mobile
devices).
o Maintain the horizontal layout on medium and large screens (tablets and desktops).
Use CSS flexbox or grid to structure the menu items.
Ensure that the menu items are easily accessible and user-friendly across different devices.

iMSC(IT)Syllabus 2024-27 Page|5

 School of Computing

Consider adding a toggle button (like a hamburger icon) for

the vertical menu on smaller screens for improved usability.

19. Create a responsive event management website that adjusts its layout
and functionality
based on different screen sizes using CSS media queries.

Use HTML for structuring the content and CSS for

styling and layout, emphasizing responsiveness and
user interaction.

Implement media queries to ensure the website adapts to various screen

sizes:
On small screens (e.g., mobile devices), prioritize a single-
column layout for easy navigation and readability.

On medium screens (e.g., tablets), optimize layouts with a two-

column grid for event listings and details.

On large screens (e.g., desktops), utilize wider layouts with

multiple columns for enhanced content presentation and
promotional banners.

20. Design and develop a responsive restaurant website that adjusts its layout and
functionality based on

location, and contact information.

21. Create a small application in which you can call an external Javascript
application.
22. Create your own object which has some relevant data & use a function
to display the data from the object.
23. Design a form which accepts username and Password
which has certain validations: User name
should accept only 8 characters
Password should allow only 5 characters
Both the field should be filled, if not use alert
box to point out missing field. Check username
and password

iMSC(IT)Syllabus 2024-27 Page|6

 School of Computing
If clicking submit button it should go to next page

iMSC(IT)Syllabus 2024-27 Page|7