24MCPC517
MANGALORE INSTITUTE OF TECHNOLOGY & ENGINEERING
(A Unit of Rajalaxmi Education Trust®, Mangalore)
Autonomous Institute affiliated to VTU, Belagavi, Approved by AICTE, New Delhi
Accredited by NAAC with A+ Grade & ISO 9001:2015 Certified Institution
Model Question Paper
First Semester MCA Degree Examination, 2024-25
Web Technologies
Time: 3 Hours Max. Marks: 100
Note: 1. Answer any FIVE full questions, choosing ONE full question from each module.
2. M: Marks, L: RBT (Revised Bloom’s Taxonomy) level, C: Course outcomes.
Module -1 M L C
Convert the below code into a HTML semantic structure.
Also differentiate between non-semantic and semantic HTML structures.
<div>
<h1>Welcome to My Blog</h1>
</div>
<div>
10 L3 CO1
<h2>About Me</h2>
<p>I am a web developer sharing my journey. </p>
</div>
<div>
1 <p>© 2025 My Blog</p>
</div>
Develop an HTML program to create a class TIMETABLE.
10 L3 CO1
Utilize the basic structure of a table in HTML, including rows and cells to describe
how it works, for the given example.
STUDENTS DETAILS
2 NAME EMAIL MOBILE LOCATION 10 L3 CO1
Aruna [email protected] 8456254367 Delhi
Bhavishya [email protected] 9878354623 Kolkata
Charan [email protected] 7876453627 Mumbai
1 of 9
24MCPC517
Develop an HTML code to design the below form.
10 L3 CO1
4 Construct a nested list (ordered and unordered) to display hierarchical data in a
webpage. Justify when to use ordered vs. unordered lists.
10 L3 CO1
5 Develop a HTML code to present a table as follows:
10 L3 CO1
6 Build a semantic HTML structure using <header>, <nav>, <main>, <aside>, and <footer> for the give
non-semantic HTML structure.
<div>
<h1>My Website</h1>
</div>
<div>
<a href="#">Home</a> | <a href="#">About</a> | <a href="#">Contact</a>
</div> 10 L3 CO1
<div>
<h2>Latest News</h2>
<p>Web development trends in 2025. </p>
</div>
<div>
<p>Related Articles</p>
</div>
<div>
2 of 9
24MCPC517
<p>© 2025 My Website</p>
</div>
Develop an HTML code to design the below form.
CO1 L3 10
7 Develop a HTML code generate the following table
10 L3 CO1
8 Develop a form that incorporates at least five semantic HTML structure elements. At
the bottom add the <time> tag to display a date and time in a user-friendly format, and 10 L3 CO1
then use the <abbr> tag to make an abbreviation
9 Develop a HTML code to generate the following form
10 L3 CO1
10 Create a time table which contains four columns as hours and six rows as days by
10 L3 CO1
including minimum of five semantic structure elements
Module- 2
Build an HTML code to show the different ways by which we can insert CSS in an
1 10 L3 CO2
html document for the given design constraints:
3 of 9
24MCPC517
The <h1> appears in red with underline (Inline CSS.
The <h2> appears in blue (Internal CSS)
The first <p> appears in green (Internal CSS)
The second <p> appears in purple with underline (External CSS)
2 Make use of CSS selectors and create a webpage that contains a navigation menu, a
10 L3 CO2
main content section, and a footer.
Apply external style CSS selectors to develop a web page to group <p> <h1> <h2>
3 tags and make the content bold, use unique name for text elements to make it red 10 L3 CO2
color.
4 Develop a styled webpage that demonstrates various CSS text styling properties.
Apply the following styles:
10 L3 CO2
The <h1> heading should have a shadow effect.
The <h2> subheading should be center-aligned, in uppercase
The <p> content have a letter spacing of 3px.
5 Develop a webpage that demonstrates various CSS styling properties. Explain the
10 L3 C02
properties used in your webpage
6 Create the following page with different techniques for CSS integration. Style an <a>
tag with inline CSS to modify its text color to red. Implement embedded CSS for a
<ul> to create square list bullets. Furthermore, apply an external style sheet to define
a specific width and margin for a <form>. The background should be adorned with a
light color.
10 L3 CO2
7 Construct a webpage that features two ordered lists detailing any 5 subjects for
Semester 1 and Semester 2, respectively. Apply inline styles to format the Semester 10 L3 CO2
1 list and implement external style sheets for the Semester 2 list
8 Write HTML code to Demonstrate the different types of containers
9 Develop a code to display a visually appealing button with padding and a border.
Explain how the CSS box model (content, padding, border, and margin) would be 10 L3 CO2
used to achieve this layout.
10 Build an HTML code to show the different ways by which we can insert CSS in an
html document for the given design constraints:
The <h1> should appear in green with a bold font (Inline CSS).
The <h2> should appear in orange with italicized text (Internal CSS). 10 L3 CO2
The first <p> should appear in brown with a background color of light gray
(Internal CSS).
The second <p> should appear in pink with a border around it (External CSS).
11 Build an HTML code to show the different ways by which we can insert CSS in an
10 L3 CO2
html document for the given web page design.
4 of 9
24MCPC517
12 Develop an HTML code to convert a list of inline text styles in plain text to proper
10 L3 CO2
HTML markup using tags like <span> and inline CSS.
Module – 3
Develop a webpage with an image overlay effect using CSS. Apply the following
styles:
1 Create an image container where text appears as an overlay when hovering 10 L3 CO3
over the image.
The overlay text should have a semi-transparent dark background and appear
in the center of the image.
2 Develop a webpage layout using CSS float property to display the following
elements in a structured manner:
A left-aligned sidebar (200px width) with a light gray background.
A main content area next to the sidebar that takes the remaining width. 10 L3 CO3
A right-aligned image inside the main content that floats to the right of the
text.
Ensure proper clearing of floated elements to maintain layout stability.
3 Utilize the CSS float properties and illustrate the various float methods. 10 L3 CO3
4 Develop a product showcase webpage where images and descriptions are arranged
side by side using the CSS float property.
Each product consists of an image (float left) and a description (float right).
10 L3 CO3
Display three products stacked vertically, each with its own image and text.
Ensure that the layout does not break by properly handling clearfix to prevent
overlap.
Add a border and padding to each product section for better readability.
5 Write the code for the following webpage which includes styles and floating elements 10 L3 C03
5 of 9
24MCPC517
6 Implement a responsive navigation bar with three items using a CSS framework for
10 L3 C03
your department website
7 Design a multicolumn layout to display your course information using CSS floats
10 L3 C03
including header and footer
8 Design a card-based layout for displaying information, such as student profiles and
student academic information.
Make use of CSS float layout technique 10 L3 C03
Add image to the cards
Set responsive adjustment for small screen and medium screen
9 Utilize the CSS positioning properties and illustrate the various positioning methods. 10 L3 CO3
10 Develop a product showcase webpage where images and descriptions are arranged
side by side using the CSS float property.
10 L3 CO3
Each product consists of an image (float left) and a description (float right).
Display three products stacked vertically, each with its own image and text.
Ensure that the layout does not break by properly handling clearfix to prevent overlap.
11 Develop a webpage with an image showing hidden content toggle using CSS. Apply
the following styles:
10 L3 CO3
Create an image container and add a "Read More" button,
Ensure when button clicked, reveals a hidden paragraph using CSS visibility or
display properties.
12 Develop a webpage layout where different elements are positioned using CSS
positioning techniques:
A fixed navigation bar at the top of the page that remains visible when scrolling. 10 L3 CO3
A main content area with an image that is absolutely positioned at the top-right
corner.
A footer that stays at the bottom of the page.
Module – 4
Implement an inline JavaScript function that determines if a given number is prime
1 or not. Accept number from a text boxes and display the message as an alert is the 10 L3 CO4
number is prime or not.
2 Build a document page with the following fields and validate them using regular
10 L3 CO4
expressions.
6 of 9
24MCPC517
3 Utilize the concept of arguments and return values in Javascript to perform addition
10 L3 CO4
of two numbers. Let the input be passed through function and sum is returned value.
4 Develop Java script program to accept student details using intrinsic java functions
submit() and reset().
10 L3 CO4
Build a document page with the following fields and validate them using regular
expressions.
5 10 L3 CO4
6 Develop a HTML code with an inline JavaScript function to calculate the sum of
three numbers. Accept numbers from three different text boxes and display the sum 10 L3 CO4
in fourth text box.
7 Develop a JavaScript program to read user ID and password and if both matches then
10 L3 CO4
display “Valid login” otherwise “Invalid login”.
8 Implement a HTML Script that displays dropdown list containing options NewDelhi,
Mumbai, Bangalore. Write a JavaScript such that when the user selects any options
10 L3 CO4
corresponding description of about 20 words and image of the city appear in table
which appears below on the same page.
7 of 9
24MCPC517
9 Create a form that includes fields for first name, last name, address, and date of birth.
Ensure that the inputs are validated using regular expressions. The criteria are that
names may only consist of letters and spaces, the address field must not be left blank,
and the date must follow the format YYYY-MM-DD
10 L3 CO4
10 Write the java script function to determining given number is palindrome or not.
10 L3 CO4
Accept the number from a textbox and display the appropriate message
11 Construct a form featuring fields for Name, Contact Number, Email ID, and
Password, ensuring validation through regular expressions. The Name field is
required and should contain only letters. A valid Email ID is necessary
10 L3 CO4
([email protected]). The Contact Number must be composed of ten digits,
permitting only numeric entries. The Password should incorporate at least one
uppercase letter and one special character
12 Develop HTML code with inline java script to accept two even numbers and perform
the addition, subtraction and multiplication. Display an alert message if the enter 10 L3 CO4
value is odd number
Module – 5
Develop a PHP program to check the user credentials, whether they are correct are
1 10 L3 CO5
not. If the credentials are correct then the user will be redirected to another page?
2 Develop an application to send an email using PHP. 10 L3 CO5
3 Write a PHP program search for a given students from the given an array of student
10 L3 CO5
records
4 Create HTML forms and process form data using PHP ($_GET, $_POST,
10 L3 CO5
$_REQUEST).
5 Implement a PHP program to retrieve HTML form data with PHP. 10 L3 CO5
6 Generate PHP code to show how to store the data entered by user into a database 10 L3 CO5
7 Implement PHP program to demonstrate the different control structure that are
10 L3 CO5
applicable on array
8 Develop a simple calculator using PHP.
10 L3 CO5
8 of 9
24MCPC517
9 Develop a program using string predefined functions in PHP to perform the following
operations:
i. Finding Length of a String.
ii. Counting Number of Words in String. 10 L3 CO5
iii. Reversing a String.
iv. Searching Text in String.
Replacing Text in a String.
10 Utilize control statements in PHP and develop a program to determine 10 student's
grade based on their marks:
A: 90 and above
10 L3 CO5
B: 75–89
C: 60–74
F: Below 60
-*****-
9 of 9
