BCA Semester 3 – Web Technology – Unit 1: HTML and CSS (15Hrs)

Question 1

What is CSS? Discuss types of CSS with example.

Marks: 5

Year: 2019 Final TU FOHSS

1. What is CSS? CSS (Cascading Style Sheets) is a styling language used to control the appearance, layout, and design of HTML webpages. It makes webpages look attractive by setting colors, fonts,

Question 2

Explain HTML form elements with suitable example.

Marks: 5

Year: 2024 Final TU FOHSS

HTML Form Elements (Combined Explanation) HTML Form Elements are used to collect user input and send it to a server for processing. All form elements are placed inside the <form> tag. --- Main Form

Question 3

What is CSS? Explain the method of using CSS on the web page.

Marks: 5

Year: 2024 Final TU FOHSS

What is CSS? CSS (Cascading Style Sheets) is a language used to describe the presentation of HTML elements on a web page. It controls layout, colors, fonts, spacing, and overall appearance of the we

Question 4

Create web page with following details. - a) Create basic structure - b) Add header section to the top of page which contain logo and search bar. - c) Create two column layout of (25%,75%) width and p

Marks: 10

Year: 2024 Final TU FOHSS

Part A: Basic HTML Structure html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Company Web Page</t

Question 5

Describe the tags and attributes for a form in HTML document?

Marks: 5

Year: 2019 Final TU FOHSS

An HTML form is used to collect user input and send it to a server for processing. --- 1. <form> Tag (2 Marks) The <form> tag defines the start and end of a form. Common Attributes of <form>: | Attr

Question 6

Write short note on following: Cookies XML DOM

Marks: 5

Year: 2019 Final TU FOHSS

Q. Short Note on Cookies and XML DOM (5 Marks) --- 1. Cookies (2.5 Marks) Definition: Small pieces of data stored by the browser on the client’s computer to remember user information. Key Points: -

Question 7

Differentiate between tags and attributes? Write a HTML and CSS code design your curriculum vitae (CV) using different html elements like (table, image, formatting tags, links).

Marks: 10

Year: 2019 Final TU FOHSS

Q. Differentiate Between Tags and Attributes & Design CV Using HTML and CSS (10 Marks) --- 1. Difference Between Tags and Attributes (2 Marks) | Feature | Tags | Attributes | |---------|------|------

Question 8

What is an image map? Describe the key steps involved in creating a client image map in HTML using necessary tags and attributes.

Marks: 5

Year: 2023 Final TU FOHSS

Q. Image Map – Short Answer (5 Marks) Image Map An image map is an image with multiple clickable areas, where each area links to a different web page or action. --- Client-Side Image Map – Key Steps

Question 9

What is CSS? Explain CSS Box model along with its related properties and example.

Marks: 5

Year: 2023 Final TU FOHSS

Q. What is CSS? Explain CSS Box Model with Properties and Example (5 Marks) --- 1. What is CSS? (2 Marks) CSS (Cascading Style Sheets) is a style sheet language used to control the layout, design, an

Question 10

19. Write HTML and CSS code to design the following layout:

Marks: 10

Year: 2023 Final TU FOHSS

html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Website Layout</title> <style> body { font-famil

Question 11

Create the following table using the HTML elements.

Marks: 5

Year: 2022 Final TU FOHSS

Definition (1 Mark) A Magic Table is an HTML table designed using <table>, <tr>, <td>, and attributes like rowspan and colspan to merge cells and create a structured layout. --- Explanation (2 Marks)

Question 12

What are the various font-related attributes in CSS? Explain with suitable example.

Marks: 5

Year: 2022 Final TU FOHSS

Font-related Attributes in CSS CSS provides several font-related properties to control the appearance of text on web pages. 1. font-family - Specifies the typeface of the text. css p { font-family:

Question 13

What are the new form elements introduced in HTML5 and how do they differ from previous versions?

Marks: 5

Year: 2022 Final TU FOHSS

New Form Elements Introduced in HTML5 and Their Differences HTML5 introduced several new form input types and elements to improve user experience, validation, and data handling, reducing the need for

Question 14

What is HTML5? Explain characteristics of HTML5.

Marks: 5

Year: 2020 Final TU FOHSS

1. What is HTML5? (2 Marks) HTML5 (HyperText Markup Language version 5) is the latest version of HTML used to design and structure web pages. It introduces new elements, attributes, and APIs that su

Question 15

Write HTML tag to generate the following table

Marks: 5

Year: 2020 Final TU FOHSS

HTML Code to Create the Given Table html <!DOCTYPE html> <html> <head> <title>Average Height and Weight Table</title> </head> <body> <table border="1" cellspacing="0" cellpadding="8"> <tr>

Question 16

Design the following website's Menu with use of HTML list and appropriate CSS. Home | News | Contact | About

Marks: 5

Year: 2020 Final TU FOHSS

HTML and CSS Code for Menu Design html <!DOCTYPE html> <html> <head> <title>Website Menu</title> <style> / Remove default list styling / ul.menu { list-style-type:

Question 17

Compare and contrast between a block-level element and an inline element in HTML?

Marks: 5

Year: 2020 Final TU FOHSS

1. Block-Level Elements - Block-level elements always start on a new line - They occupy the full width of the container - Height, width, margin, and padding can be applied - Used for layout and struct

Question 18

What is CSS Selector? Explain different types of selector with suitable example.

Marks: 5

Year: 2020 Final TU FOHSS

1. What is a CSS Selector? (1 Mark) A CSS Selector is a pattern used to select HTML elements so that CSS styles can be applied to them. Definition: CSS selectors specify which HTML elements a CSS ru

Question 19

Design the following layout of webpage with use of div and appropriate CSS.

Marks: 10

Year: 2020 Final TU FOHSS

html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Webpage Layout</title> <style>

Question 20

Write a server-site script for login process assume that user name and password have alread exist on database TU under the user table (id, user, password).

Marks: 10

Year: 2020 Final TU FOHSS

php <?php // Start the session sessionstart(); // Database connection $servername = "localhost"; $username = "root"; // replace with your DB username $password = ""; // replace with your DB passwo