List of Practical’s

Sl. Detailed Statement Mapping

No. to CO #
Core Practical’s (Implement minimum 8 out of 10 practicals)
1 Make following five different web pages: CO1,
i. Formatting Styles and Headings: Include Bold, italics, Underline, Strike, CO3
Subscript, superscript and all six type of headings
ii. Font Styles and Image tag
iii. Marquee: Move text, image and hyperlink
iv. Other tags: br, hr, pre, p

Include following specifications:

● In all these web pages only mention about use, attributes apply them.
● Insert a background image on home page
● Make all the topics as hyperlinks and go to some other page for description
● Insert a marquee showing HTML Tutorial as moving text.
● Use different font style for different topics
● On every page, make a hyperlink for going back to home page and internal
link also.
2 Create an unordered list nested inside ordered list and apply the following : CO1,
● Insert an image of Main item on top right corner of web page. CO3
● Display heading as a marquee.
● Use different font styles and colors for different ordered list items.
● Insert horizontal line after each ordered item.
3 Design a table with row span and column span and make use of attributes CO1,
colspan, rowspan, width, height, cellpadding, cellspacing etc. CO3

4 Design following frame: CO1,

CO3

5 Make an image map showing the usage of shape, coords, href attributes in map CO1,
definition. Link each hotspot to their respective details. All the web pages should CO3
be designed with proper background color, images, font styles and headings

6 Design Student registration form for admission in college. CO1,

CO3
7 Create a webpage and show the usage of inline and internal style sheet and external CO1,
style sheet? CO3
 8 Create a webpage containing a background image and apply all the background CO1, CO3
styling attributes?
9 Create a web page showing the usage of font styling attributes CO1, CO3
10 Create a web page and apply all Text styling attributes use Id and class selector. CO1, CO3
11 Create a webpage and implement all list styling attributes CO1, CO3
12 Create a Webpage with three equal columns. CO1, CO3
13 Create a webpage containing bootstrap table. CO1, CO3
14 Create a webpage containing various types of images. CO1,CO3
15 Create a webpage containing various types of buttons CO1, CO3
16 Create a webpage containing various, typography classes. CO1, CO3
17 Create a webpage containing to display the heading using. Jumbotron. CO3
18 Write a program to show the usage of inbuilt functions and dialog boxes. CO2
19 Write a program to show the usage of alert box and confirm box CO2
20 Write a program to implement event handling using onclick, onmouseover and CO2
onmouseout events.
21 Write a program to show the usage of all the date, math and string object functions CO2
22 WAP to display the bookstore details in XML with CSS and internal DTD. CO1, CO3
23 WAP to format the Teacher details in XML with CSS using external DTD CO1, CO3
Application Based Practical
24 Design the registration form for a web site and when the user clicks on submit button CO4
the login form should be appeared on the screen (use external javascript file).
25 Design a website and apply all the features of HTML, css, javascript and CO4
bootstrap to make the website attractive.
26 Write a JavaScript function that creates a table, accept row, column numbers CO2
from the user, and input row-column number as content (e.g. Row-0 Column-0)
of a cell.
27 Zebra-striped Tables: Setting different background colors for alternate rows is a CO2
popular technique to improve the readability of tables that has large amount of
data. This is commonly known as zebra-striping a table. Make use of pseudo
classes to create zebra stripped Table.
28 Create a Questionnaire related to any topic of your choice by using Form CO4
Elements

Note:
1. In total 15 practicals to be implemented. 2 additional practical may be given by the course instructor.

(Subject Faculty) HOD-CS & IT) (Deputy Director) (Director)