Scribd
Upload
11 views18 pages

Introduction To IT Systems Question Paper

The document is a question bank for a course on Fundamentals of IT Systems, covering HTML and CSS topics. It includes short and long questions with answers, focusing on key concepts such as HTML structure, CSS application methods, and the purpose of various HTML tags. The content is organized by sections, with questions categorized by difficulty levels and marks allocation.

Uploaded by

birbalkumar53
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views18 pages

Introduction To IT Systems Question Paper

The document is a question bank for a course on Fundamentals of IT Systems, covering HTML and CSS topics. It includes short and long questions with answers, focusing on key concepts such as HTML structure, CSS application methods, and the purpose of various HTML tags. The content is organized by sections, with questions categorized by difficulty levels and marks allocation.

Uploaded by

birbalkumar53
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

1st Sem.

/2ns Sem 2024-25

Code/Th : TH1 Subject Name: Fundamentals of IT Systems


Unit: 3 (HTML4, CSS, making basic personal webpage

Question Bank

SECTION-A (SHORT QUESTIONS & ANSWERS)-02 MARKS EACH


Sl All the Questions of Section ‘A’ carrying 02 marks Division Texonomy Level
No. of
marks
1. Q. What is HTML, and what is its purpose? 1+1 BL1 (Remember)

HTML stands for HyperText Markup Language.


Ans.
It is used to create and structure content on the web.
HTML provides the basic structure for web pages by
using tags to define elements like headings,
paragraphs, images, and links etc.
2. Q. How do you add hyperlink in HTML? Write a code 1+1 BL 3 (Apply)
to create a hyperlink to open Google weppage.

Syntax: <a href=url> Text</a>


Ans.

Code to create a hyperlink to open Google


weppage-

<a
href="https://www.google.com">Visit Google</a>
3. Q. What is CSS? Explain its purpose in web 1+1 BL2 (Understand)
development.

CSS (Cascading Style Sheets) is a stylesheet language


Ans.
used to define the appearance and layout of HTML

1
elements.

It is used to control design aspects like colors, fonts,


spacing, and layout on web pages.
4. Q. Write the CSS code to make all <h1> elements blue 2 BL 3 (Apply)
in color and center-aligned.

h1
Ans.
{
color: blue;
text-align: center;
}
5. Q. Explain the difference between an ID and a class in 2 BL 4 (Analyze)
CSS.

An ID selector (#idName) is unique and can only be


Ans.
used once on a page, whereas a class selector
(.className) can be applied to multiple elements.

IDs are used for specific, unique elements, while


classes are used for groups of elements that share
styles.

6. Q. Describe the difference between inline, internal, 2 BL2 (Understand)


and external CSS.

1. Inline CSS: Added directly to an HTML


Ans.
element using the style attribute.
2. Internal CSS: Written within the <style> tag
inside the <head> section of an HTML file.
3. External CSS: A separate CSS file linked to
the HTML file using a <link> tag, making it
easier to manage and apply styles across
multiple pages.

2
7. Q. List any two basic HTML tags used for formatting 1+1 BL1 (Remember)
text.

<p> for paragraphs and


Ans.

<b> for bold text and both of them are singular


tags.
8. Q. Which HTML tag is used to add an image to a 2 BL1 (Remember)
webpage?

The image tag is used to add an image to a webpage


Ans.
and it is a paired tag. The syntax of this tag is-

<img src=” source path ”> Text </img>.


9. Q. Explain the purpose of the <head> section in an 2 BL2 (Understand)
HTML document.

The <head> section contains metadata, links to


Ams.
stylesheets, and scripts that help to set up the webpage
before rendering the content in the <body> part.
10. Q. In CSS, what does color: red; do when applied to a 2 BL 3 (Apply)
paragraph (<p>) tag?

It changes the text color of all paragraph <p> elements


Ans.
to red.
11. Q. Why do we use external CSS files? 2 BL2 (Understand)

External CSS files help separate design from content,


Ans.
making it easier to apply consistent styling across
multiple HTML pages and simplify maintenance.

Taxonomy Level: Understand (Explaining the


benefits of external CSS).

3
12. Q. Write the HTML code to create a hyperlink that 2 BL 3 (Apply)
links to "https://www.example.com" with the text
"Click Here."

<a href="https://www.example.com">Click
Ans.
Here</a>
13. Q. What is the purpose of the <title> tag in HTML? 2 BL2 (Understand)

The <title> tag defines the title of the webpage, which


Ans.
appears in the browser tab and helps identify the page
in bookmarks and search engine results.
14. Q. What is the difference between the <ol> and <ul> 1+1 BL2 (Understand)
tags in HTML?

<ol> creates an ordered list with numbered items,


Ans.
while <ul> creates an unordered list with bullet points.
15. Q. What does the alt attribute in an <img> tag do? 2 BL2 (Understand)

The alt attribute provides alternative text for an image,


Ans.
which gets displayed if the image cannot load and
helps with accessibility by describing the image for
screen readers.
16. Q. What is the purpose of the margin property in CSS? 2 BL2 (Understand)

The margin property creates space around an


Ans.
element's outer edge, separating it from surrounding
elements.
17. Q. Explain the difference between an ID selector and a 1+1 BL 4 (Analyze)
class selector in CSS.

An ID selector (e.g., #header) is unique to one element


and cannot be reused, while a class selector
Ans.
(e.g., .container) can be applied to multiple elements.

4
18. Q. Write the CSS code to center-align text in a <div> 2 BL 3 (Apply)
element.

div
Ans.
{
text-align: center;
}
19. Q. What CSS property is used to set the font size of 2 BL1 (Remember)
text? Provide an example.

The font-size property is used. Example:


Ans.

P
{
font-size: 16px;
}

Taxonomy Level: Remember (Recalling the font-size


property and providing an example).

20. Q. Write the CSS code to set the width of an element to 2 BL 3 (Apply)
80% of the page.

Element
Ans.
{
width: 80%;
}
21. Q. What is the function of the <br> tag in HTML? 2 BL1 (Remember)

The <br> tag creates a line break, moving the


following content to a new line.
Ans.

22. Q. What is the purpose of the <footer> tag in HTML? 2 BL2 (Understand)

5
The <footer> tag defines the footer section of a
Ans. webpage, usually containing information like
copyright, contact, and links.
23. Q. How do you specify a comment in HTML? 2 BL1 (Remember)

Comments in HTML are written as <!-- Comment here -


->.
24. Q. How do you add a border around a paragraph in 2 BL 3 (Apply)
CSS?

p
Ans.
{
border: 1px solid black;
}
25. Q. What CSS property controls the font style (italic, 2 BL1 (Remember)
normal)?

The font-style property. Example:


Ans.

p
{
font-style: italic;
}
26. Q. Write the CSS code to make all links appear red and 2 BL 3 (Apply)
remove the underline.

a
{
color: red;
text-decoration: none;
}
27. Q. How would you link an external CSS file named 2 BL 3 (Apply)
"style.css" in an HTML document?

6
Ans. <link rel="stylesheet" href="style.css">

28. Q. Describe how inline CSS is applied to an HTML 1+1 BL2 (Understand)
element. Provide an example.

Inline CSS is added directly within an HTML element's


Ans.
style attribute. Example:

<p style="color: red;">This is a red


paragraph.</p>
29. Q. How do you comment out code in CSS? Provide an 1+1 BL1 (Remember)
example.

CSS comments are written as /* Comment here */.


Ans.
Example:

/* This is a comment */
p{
color: blue;
}
30. Q. How do you align text to the right in CSS? 2 BL 3 (Apply)

Use the text-align property with the value right.


Ans.

Example:

p{
text-align: right;
}
31. Q. Between using HTML tags and CSS for text 1+1 BL5 (Evaluate)
formatting, which do you think is more efficient for
creating consistent styles across a website? Explain
your reasoning.

7
Using CSS is more efficient for creating consistent
styles across a website because CSS separates content
Ans. from presentation. With CSS, a single stylesheet can
apply uniform formatting to multiple pages, making it
easier to manage and update.

HTML tags, while useful for basic formatting, require


repetitive coding and are harder to maintain on larger
websites.

32. Q. Create an HTML code snippet that includes a 1+1 BL6 (Create)
heading "My Hobby" and a paragraph describing
your favorite hobby?

<h1>My Hobby</h1>
Ans.
<p>My favorite hobby is reading books about science
and technology.</p>
33. Q. What do you mean by hyperlink? 2 BL2(Understand)

A hyperlink is a bit of text, an image, or a button in a


Ans. hypertext document that you can click. A hyperlink
may include a link to another document or to another
part of the current page.

34. Q. Distinguish between colspan and rowspan 1+1 BL4 (Analyze)


properties while creating a Table?

Ans. Colspan is used to span a cell over multiple columns.

<th colspan="2">Name</th>

The value of the colspan attribute represents the number


of columns to span.

Rowspan is used to span a row over multiple rows.

<th rowspan="2">Phone</th>

The value of the rowspan attribute represents the


number of rows to span.
35. Q. Define cellpadding and cellspacing in Table tag. 2 BL2 (understand)

Cell padding is the space between the cell edges and the

8
Ans. cell content.

By default the padding is set to 0.

To add padding on table cells, we use the following


CSS padding property:

th, td {
padding: 15px;
}

Cell spacing is the space between each cell.

By default the space is set to 2 pixels.

table {
border-spacing: 30px;
}

SECTION-B (LONG QUESTIONS & ANSWERS)-05 MARKS EACH


Sl Q/Ans All the Questions of Section ‘B’ carrying 05 marks Division Texonomy Level
No. of
marks
1. Q. Explain the basic structure of an HTML document. 2+3 BL2 (Understand)
What are the main elements, and what is the role
of each?

An HTML document has a specific structure that helps


Ans.
the browser interpret and render the webpage. The
main elements in the basic structure are:

<!DOCTYPE html> - This declaration defines the


document type and version of HTML. It helps the
browser to understand that the document is
written in HTML5.

<html> - This is the root element of an HTML


document. It wraps all other elements.

9
<head> - This section contains metadata about the
HTML document, such as the document's title,
character set, and links to CSS files or JavaScript. It
does not display content on the webpage.

<title> - Defines the title of the webpage, which


appears on the browser tab.

<meta> - Provides metadata such as character


encoding (charset="UTF-8").

<body> - This section contains the actual content


that appears on the webpage, such as headings,
paragraphs, images, and links.

Example:

<html>
<head>
<title>Sample Page</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Welcome to the Sample Page</h1>
<p>This is a simple HTML document structure.</p>
</body>
</html>

Each element has a specific role. The <!DOCTYPE


html> defines the document type, <html> is the
container for the entire content, <head> contains
meta-information, and <body> includes visible
content.

10
2. Q. What is CSS? Explain its different types and how 1+2+2 BL2 (Understand)
CSS is applied in an HTML document.

CSS (Cascading Style Sheets) is a language used to


Ans.
style HTML elements, defining the look and layout of
web pages. CSS controls various design aspects, like
colors, fonts, and spacing, enhancing the user
interface.

There are three main ways to apply CSS to HTML:

Inline CSS - CSS is added directly to the HTML


element using the style attribute. This method is
useful for small, specific styling but is not
recommended for large projects due to limited
reusability.

Example:

<p style="color: blue;">This is a blue


paragraph.</p>

Internal CSS - CSS rules are placed inside a <style>


tag within the <head> section of an HTML
document. This is useful when the styling is
specific to a single page.

Example:

<head>
<style>
p{

11
color: green;
}
</style>
</head>

External CSS - CSS is written in a separate file (usually


with a .css extension) and linked to the HTML
document using a <link> tag. This method is the most
effective and efficient for larger websites, as it allows
for reusable and maintainable code.

Example in HTML:

<head>
<link rel="stylesheet" href="styles.css">
</head>

Example in CSS (styles.css):

p{
color: red;
}

Each method has specific use cases, but external CSS is


generally preferred for maintainable and scalable web
design.

3. Q. What is HTML, and why is it important in web 1+4 BL2 (Understand)


development?

Ans.
HTML (HyperText Markup Language) is the standard
language for creating webpages. It defines the

12
structure of a webpage, allowing developers to add
content like text, images, and links.

HTML is important because:

It provides the foundation for webpages.

It ensures that web content is structured,


accessible, and readable by browsers.

It is essential for search engine optimization (SEO),


making pages discoverable.

It enables linking and navigation between different


pages.

Taxonomy Level: Understand (Explaining the


purpose and importance of HTML).

4. Q. What is the <table> tag in HTML, and how is it 1+4 BL2 (Understand)
structured?
Ans. The <table> tag is used to create tables in HTML,
organizing data in rows and columns. A table structure
typically includes:

<table>: The table container.

<tr>: Defines a table row.

<th>: Defines a table header cell.

<td>: Defines a table data cell.

Example:

13
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>

5. Q. Explain the use of <ul>, <ol>, and <li> tags in 5 BL2 (Understand)
HTML.
Ans.
The <ul> (unordered list) and <ol> (ordered list) tags
are used to create lists in HTML. The <li> (list item)
tag defines each item within these lists.

<ul>: Creates a bullet-point list.

<ol>: Creates a numbered list.

<li>: Specifies individual items in the list.

Example:

<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>

6. Q. Describe the use of the <form> tag in HTML. 1+4 BL2 (Understand)
Mention some commonly used form elements.

14
Ans. The <form> tag is used to create forms for collecting
user input. It contains input elements like:

<input type="text">: For single-line text input.

<input type="password">: For password input


(conceals text).

<input type="submit">: For submitting the form.

<textarea>: For multi-line text input.

<select>: For dropdown selection.

Forms are commonly used for user registration, login,


surveys, and data collection.
7. Q. What is an HTML attribute, and give three 2+3 BL1 (Remember)
examples of commonly used attributes.

HTML attributes provide additional information about


Ans.
HTML elements and are written within the opening
tag. Common attributes include:

href: Used in <a> tags to specify the link’s


destination.

<a
href="https://www.example.com">Link</a>

src: Used in <img> tags to specify the image


source.

<img src="image.jpg" alt="Description">

15
id: Provides a unique identifier for an element.

<div id="uniqueID">Content</div>
8. Q. What is the purpose of the <br> and <hr> tags in 2.5+2.5 BL2 (Understand)
HTML?
The <br> and <hr> tags are both empty tags in HTML,
Ans meaning they don’t have closing tags:

<br> (Line Break): Inserts a line break within


text, moving the following content to a new line. It
is often used in paragraphs for spacing.

Hello<br>World

<hr> (Horizontal Rule): Inserts a horizontal line


across the page, often used to separate content
sections. It’s a visual divider on a webpage.

<p>Section 1</p>
<hr>
<p>Section 2</p>
9. Q. What is the difference between the <div> and 5 BL4 (Analyze)
<span> tags?

The <div> and <span> tags are generic containers in


Ans.
HTML, but they have different uses:

<div>: A block-level element used to group larger


sections of content. It takes up the full width
available, and each <div> starts on a new line.

<div class="container">

16
<p>Content inside a div.</p>
</div>

<span>: An inline element used to style or group


smaller parts within a block, such as words or
phrases. It does not start on a new line.

<p>This is <span style="color:


red;">important</span> information.</p>

Both tags are often styled with CSS to format content


as needed.
10. Q. Write the HTML code to create a table with two 5 BL3 (Apply)
rows and two columns.

<table>
Ans.
<tr>
<Td>Row 1, Column 1</td>
<Td>Row 1, Column 2</td>
</tr>
<tr>
<Td>Row 2, Column 1</td>
<Td>Row 2, Column 2</td>
</tr>
</table>

11. Q. Evaluate the use of <div> and <section> tags in 1+2+2 BL5 (Evaluate)
HTML for organizing webpage content. Which tag
would you use for grouping related content, and
why? Provide examples.

 <div> tag:
Ans.
o A generic container for grouping
content, but it carries no semantic
17
meaning.
o Useful for applying styles or JavaScript
functionality to a group of elements.
 <section> tag:
o A semantic element that groups content
related to a specific topic or theme.
o Improves accessibility and SEO, as
screen readers and search engines can
better understand the structure of the
webpage.

For grouping related content, the <section> tag is


recommended because it provides semantic meaning
and enhances accessibility. For example, a blog post
could use <section> to group the title, author
information, and content.
12. Q. Create an HTML code snippet that includes a 5 BL6 (Create)
heading with the text "Welcome to My Page" and a
line break between the heading and the
paragraph.

<!DOCTYPE html>
Ans.
<html>

<head>

<title>Welcome Page</title>

</head>

<body>

<h1>Welcome to My Page</h1>

<br>

<p>This is my very first webpage.</p>

</body>

</html>

18

You might also like