Question Bank with Structured Answers - CSE2067 Web Technologies

Module 1

Q: Create a static web page to display employee details like name, address, mobile number, email
Id etc similar to a telephone directory for Infosys. Strike out old Phone number and display new
phone number. [10 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Design a web page which displays a list of event or services provides by an event organization
using Ordered list HTML element in which the list should be a nested list with main events and sub
events. (display at least 3 main and 3 sub events). [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Design an HTML document to create static web page to display 3 horizontal partitions of frames
with 20%,60%,20% and each frame holds logo of different Universities. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Create a XHTML document that has form with [10 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: The Student Welfare department at Presidency University is planning to organize a cultural fest.
Cultural events are to be held with Singing, Dance, Skit, Fashion Show etc. Students should register
the interesting events. Assist the web page design team to create a registration form for the Fest
using appropriate HTML tags. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Rohit, a student of the CSE Department, wants to represent a class time table on the webpage
but he is unaware of the table tags. Explain to him the role of and tag. Write the HTML code of a
table and show the use of and tag. [10 Marks]

Answer:
A detailed explanation with an example where necessary.
Q: ABC supermarket wants to get customer feedback. Write an HTML code to generate the
following output. Design an HTML form to take the information of a customer visiting a departmental
store such as name, contact phone no, preferred days of purchasing, favorite item (to be selected
from a list of items), suggestions, etc. One should provide a button to Submit as well as Reset the
form contents. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Design a static web page for Travel reservation form. Design an HTML form to take the [10
Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Create a web page as shown in the figure below. Each frame should have the following content
[10 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Design a Form to apply for the position of junior engineer in TATA Electronic. The form should
contain the sections and fields in the following format (Use appropriate HTML input tags) Name,
Address, Email, Phone Number, Gender and Attach the file, finally submit Application form. [10
Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Develop Static Pages (Using Only HTML) of an Online Book Store. The Pages Should Design
and develop a registration for hotel booking. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Imagine a student who wants to learn JAVA course through online is enquiring through website.
The website collects the details of the student through form whose fields are name of the student,
password, age, address, gender (select gender), mobile number, email id, Name of the course
(multiple options should be given), submit, reset. Design a static website using appropriate HTML
tags which takes the input from student and displays the output as successfully registered. [10
Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>
Q: Explain the role of the HTTP protocol in web communication. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Trace the evolution of HTML to XHTML and discuss the reasons for this transition. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain how to create a form in XHTML and the importance of forms in web development. [6
Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Compare and contrast the use of tables and lists in XHTML. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Describe how images and frames are used in XHTML to enhance web pages. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe the standard structure of an XHTML document. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: What are the benefits of using XHTML over HTML? [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the role of the DOCTYPE declaration in an XHTML document. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Discuss the syntactic differences between HTML and XHTML. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe the basic syntax of an HTML element. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the difference between an HTML element and an HTML attribute. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Describe the standard structure of an XHTML document. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the role of the <html>, <head>, and <body> elements in XHTML. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Compare and contrast the document structures of HTML and XHTML. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Discuss the importance of well-structured XHTML documents for web standards and
accessibility. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe the syntax for adding an image in HTML and explain the role of the src attribute. [6
Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain how to resize an image using HTML attributes. [6 Marks]

Q: Discuss the importance of using the alt attribute for images in HTML. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the different methods for embedding images in a web page and their advantages. [6
Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe how to create a hyperlink that opens in a new tab. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the difference between absolute and relative URLs in hyperlinks. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Describe how to create an unordered list in HTML. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain how to create a nested list in HTML. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Compare and contrast ordered and unordered lists in HTML. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Discuss the importance of lists for organizing content on a web page. [6 Marks]
Answer:
A detailed explanation with an example where necessary.

Q: Describe the basic structure of an HTML table. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the use of the <th> and <td> tags in HTML tables. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Discuss the importance of tables for displaying tabular data on the web. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain how to create a table with a header, body, and footer in HTML. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe how to create a basic HTML form with text input and a submit button. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the role of the action and method attributes in the <form> tag. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Discuss the importance of forms in web applications. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain how to create a form with various input types and validation in HTML. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe the use of the <iframe> tag for embedding content. [6 Marks]

Answer:
A detailed explanation with an example where necessary.
Q: Explain the attributes used to control the appearance and behavior of an <iframe>. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Discuss the impact of syntactic differences on the compatibility of HTML and XHTML documents.
[6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain how to convert an HTML document to XHTML and the benefits of doing so. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Give one key difference between HTML and XHTML. [4 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: What attribute is used to specify the URL in a hyperlink? [4 Marks]

Answer:
General answer based on web technologies.

Q: What is the difference between <ul> and <ol> tags? [4 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: How do you create a list item in HTML? [4 Marks]

Answer:
General answer based on web technologies.

Q: What tag is used to create a table in HTML? [4 Marks]

Answer:
General answer based on web technologies.
Q: How do you define a table row in HTML? [4 Marks]

Answer:
General answer based on web technologies.

Q: What is the purpose of the <form> tag in HTML? [4 Marks]

Answer:
General answer based on web technologies.

Q: Name two types of input elements in HTML forms. [4 Marks]

Answer:
General answer based on web technologies.

Q: What is the purpose of the <iframe> tag in HTML? [4 Marks]

Answer:
General answer based on web technologies.

Q: How do you specify the source of content for an <iframe>? [4 Marks]

Answer:
General answer based on web technologies.

Q: What is one key syntactic difference between HTML and XHTML? [4 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: How are empty elements handled differently in HTML and XHTML? [4 Marks]

Answer:
General answer based on web technologies.

Q: Describe the difference between the Internet and the World Wide Web. [4 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2
Q: How does a web browser retrieve a web page from a web server? [4 Marks]

Answer:
General answer based on web technologies.

Q: What are the main components of a web server? [4 Marks]

Answer:
General answer based on web technologies.

Q: Define the World Wide Web (WWW). [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is a web browser? Give two examples. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is the primary function of a web server? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Explain the term "Internet." [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What does XHTML stand for? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Define basic text markup. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is the purpose of hypertext links in a web page? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is an HTML tag? Provide an example. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Explain the purpose of the <head> element in an HTML document. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is the purpose of the <!DOCTYPE> declaration in XHTML? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Name the main sections of a standard XHTML document. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is the purpose of the <strong> tag? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: How do you create a paragraph in HTML? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: How do you insert an image in an HTML document? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is the purpose of the alt attribute in the <img> tag? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What HTML tag is used to create a hyperlink? [2 Marks]

Answer:
A concise answer relevant to the topic.

Module 2

Q: Sita wants to order a cake through an online cake delivery system for her sons birthday. She
visits the website for booking the birthday cake. Help Sita to book a wonderful cake for her son
through a website. You design a website with the following options using HTML & CSS. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Design a tourist agency web page with following specifications using HTML and CSS: [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: nan [10 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: To Create a Tribute Page Using HTML and CSS. To Create an Abdul Kalam Tribute Page Using
HTML and Create a Style Sheet (CSS) in the Following Ways: [10 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Imagine you are tasked with creating an online catalog for a bookstore using XML to store book
details. Design an XML structure to represent books with attributes like title, author, genre, and
price. Create an XSLT stylesheet to transform this XML into an HTML page for the online catalog.
[10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: You are working on an employee directory system, and the employee data is stored in an XML
file. Define an XML schema for employee records with attributes such as name, department,
position, and hire date. Develop an XSLT stylesheet to present this employee information in an
HTML table. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Assume you are building a news feed application where news articles are stored in XML format.
Design an XML schema for news articles with elements like title, author, publication date, and
content. Create an XSLT stylesheet to transform the XML data into a readable HTML format for the
news feed. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>
Q: You are given an XML file containing weather data for different cities. Define an XML structure to
represent weather information with elements like city, temperature, humidity, and conditions. Write
an XSLT stylesheet to display this weather data in an organized HTML format. [10 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Suppose you are managing a product inventory system, and the product data is stored in XML.
Design an XML schema to represent product details with attributes such as product name, category,
price, and quantity. Develop an XSLT stylesheet to transform this XML into an HTML page
displaying the product inventory. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: You are maintaining student grade records in XML format. Define an XML structure to store
student information, including attributes such as name, subject, and grade. Create an XSLT
stylesheet to generate an HTML report displaying the student grades. [10 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Imagine you are organizing a conference and storing the schedule information in XML. Design an
XML schema for conference sessions with elements like title, speaker, time, and location. Write an
XSLT stylesheet to transform this XML into an HTML schedule for the conference. [10 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Explain the different CSS positioning schemes with examples. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe the concept of responsive design and how media queries are used in it. [6 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: How do you construct a multicolumn layout using CSS Grid? Provide an example. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Discuss the pros and cons of using CSS frameworks like Bootstrap or Foundation. [6 Marks]
Answer:
A detailed explanation with an example where necessary.

Q: Describe how the float property affects the layout of web elements. Include an example. [6
Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Compare and contrast the Flexbox and CSS Grid layout models. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Explain how to create a responsive navigation bar using CSS. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain the structure of an XML document with an example. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe the difference between XML and HTML. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: What are the benefits of using XML for data storage and transfer? [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Explain how XML can be used in web services. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Describe the process of validating an XML document against a schema. [6 Marks]

Q: Explain the concept of XML namespaces and how they are used. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Discuss the advantages and disadvantages of using XML compared to JSON. [6 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: How can XSLT (Extensible Stylesheet Language Transformations) be used to transform XML
data? [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: Provide an example of an XML document and demonstrate how to parse it using a programming
language of your choice. [6 Marks]

Answer:
A detailed explanation with an example where necessary.

Q: What does the position: absolute property do? [4 Marks]

Answer:
General answer based on web technologies.

Q: What is the difference between block-level and inline elements in normal flow? [4 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: What does the display: flex property do? [4 Marks]

Answer:
General answer based on web technologies.
Q: What is the purpose of media queries in CSS? [4 Marks]

Answer:
General answer based on web technologies.

Q: Explain the basic structure of an XML document and its components. [4 Marks]

Answer:
General answer based on web technologies.

Q: Describe the role of XML Schema in defining the structure and constraints of XML documents. [4
Marks]

Answer:
General answer based on web technologies.

Q: Define XML and explain its significance in web development and data interchange. [4 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: Discuss the syntax rules of XML documents, including elements, attributes, and namespaces. [4
Marks]

Answer:
General answer based on web technologies.

Q: Explain the concept of well-formedness and validity in XML documents. [4 Marks]

Answer:
General answer based on web technologies.

Q: Describe the role of Document Type Definition (DTD) in defining the structure of XML documents.
[4 Marks]

Answer:
General answer based on web technologies.

Q: Explain the difference between simple and complex data types in XML Schema. [4 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2
Q: Analyze the role of data types in facilitating data interchange and interoperability between
systems. [4 Marks]

Answer:
General answer based on web technologies.

Q: Describe how to parse the XML document using a programming language like Java or Python. [4
Marks]

Answer:
General answer based on web technologies.

Q: Analyze the advantages of using XML for representing structured data in real-world applications.
[4 Marks]

Answer:
General answer based on web technologies.

Q: What is the 'normal flow' in CSS? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Define a CSS float property. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is a CSS grid layout? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Name two CSS frameworks used for responsive design. [2 Marks]

Answer:
<code>HTML and CSS example relevant to the question</code>

Q: How do you create a simple two-column layout using floats? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What does XML stand for? [2 Marks]

Answer:
A concise answer relevant to the topic.
Q: Name one characteristic of XML that makes it suitable for data interchange. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Discuss the advantages of using XML as a data interchange format compared to other formats
like JSON. [2 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Provide an example of an XML Schema definition for a simple data structure. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Analyze the use cases where XML is preferred over other data interchange formats. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is the purpose of XML? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Name two common applications of XML. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Provide an example of an XML document representing structured data. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is XML Schema used for? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Name one advantage of using XML Schema for document validation. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Explain the purpose of XML Schema and its role in validating XML documents. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Discuss the components of an XML Schema, including elements, attributes, and data types. [2
Marks]

Answer:
A concise answer relevant to the topic.

Q: Describe the process of defining complex data structures using XML Schema. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Provide examples of XML Schema constructs for specifying constraints and relationships. [2
Marks]

Answer:
A concise answer relevant to the topic.

Q: Analyze the benefits of using XML Schema for document validation compared to other validation
methods. [2 Marks]

Answer:
Feature | Option 1 | Option 2
--- | --- | ---
Feature 1 | Description 1 | Description 2
Feature 2 | Description 1 | Description 2

Q: Name two common data types used in XML Schema. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is the purpose of defining data types in XML Schema? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Discuss the importance of data types in XML Schema for ensuring data integrity and
interoperability. [2 Marks]
Answer:
A concise answer relevant to the topic.

Q: Describe the built-in data types available in XML Schema and their usage. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Provide examples of defining custom data types in XML Schema. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: What is a sample XML program used for? [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Provide an example of a simple XML document. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Walk through the creation of a sample XML document representing information about books. [2
Marks]

Answer:
A concise answer relevant to the topic.

Q: Discuss the structure of the XML document, including elements and attributes. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Explain how to validate the XML document against an XML Schema definition. [2 Marks]

Answer:
A concise answer relevant to the topic.

Q: Mr. Rajesh wants to design a table using HTML & CSS to get Pre-end term marks, End term
marks & Total marks. Write the HTML code to generate the following table with the contents and
alignments exactly shown below. Apply a dashed border, use font Calibri, table heading should be in
bold form and use different background color for each table heading cell. Apply background color
yellow for table data. Use different font color for a text of table heading and table data. All the styles
should be inserted using external stylesheet. [0 Marks]
Answer:
<code>HTML and CSS example relevant to the question</code>

Q: nan [0 Marks]

Answer:
A concise answer relevant to the topic.