HIML and CSS3 Introduction | Chapter 2 part I | Class 10 Computer Science 571(NCERT) Chapter 2 Question and Answer | Class 10 Computer Science 571 (NCERT) Question and Answer Solutions English Medium |

Introduction

Chapter 2


1. FILL IN THE BLANKS:


1. _______________ documents are made up of text content and special codes.

_______________ āύāĻĨিāĻĒāϤ্ā§°āϏāĻŽূāĻš āĻĒাāĻ ্āϝ āĻŦিāώāϝ়āĻŦāϏ্āϤু āφ⧰ু āĻŦিāĻļেāώ āĻ•’āĻĄā§° āĻĻ্āĻŦাā§°া āĻ—āĻ িāϤ।

Ans: tag documents are made up of text content and special codes.

āωāϤ্āϤ⧰ঃ ( āϟেāĻ— āĻĄāĻ•ুāĻŽেāĻŖ্āϟāĻŦোā§° āĻĒাāĻ  āϏāĻŽāϞ āφ⧰ু āĻŦিāĻļেāώ āĻ•োāĻĄā§° āĻĻ্āĻŦাā§°া āĻ—āĻ িāϤ।)


2. ______________ are used to write notes about an HTML document.

HTML āύāĻĨিāĻĒāϤ্ā§°ā§° āĻŦিāώāϝ়ে āϟোāĻ•া āϞিāĻ–িāĻŦāϞৈ ______________ āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰া āĻšāϝ়।

Ans: The comment tag are used to write notes about an HTML document.

āωāϤ্āϤ⧰ঃ (āĻŽāύ্āϤāĻŦ্āϝ āϟেāĻ—āϟো āĻāχāϚāϟিāĻāĻŽāĻāϞ āĻĻāϏ্āϤাāĻŦেāϜ⧰ āĻŦিāώāϝ়ে āϟোāĻ•া āϞিāĻ–িāĻŦāϞৈ āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰া āĻšāϝ়।)


3. HTML document is saved with an extension _______________.

HTML āύāĻĨিāĻĒāϤ্ā§° āĻāϟা āϏāĻŽ্āĻĒ্ā§°āϏাā§°āĻŖ _______________ ā§° āϏৈāϤে āϏংā§°āĻ•্āώāĻŖ āϕ⧰া āĻšāϝ়।

Ans: .html

4. ______________ are used to view the HTML documents.

HTML āύāĻĨিāĻĒāϤ্ā§°āϏāĻŽূāĻš āϚাāĻŦāϞৈ ______________ āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰া āĻšāϝ়।

Ans: Web Browsers are used to view the HTML documents.

āωāϤ্āϤ⧰ঃ ( āĻāχāϚāϟিāĻāĻŽāĻāϞ āύāĻĨিāĻĒāϤ্ā§° āϚাāĻŦāϞৈ ā§ąেāĻŦ āĻŦ্ā§°াāωāϜাā§° āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰া āĻšāϝ়।)

5.  The  ___________ element include both on and off tags. 

___________ āωāĻĒাāĻĻাāύāϤ āĻ…āύ āφ⧰ু āĻ…āĻĢ āĻĻুāϝ়োāϟা āϟেāĻ— āĻ…āύ্āϤ⧰্āĻ­ুāĻ•্āϤ āϕ⧰া āĻšৈāĻ›ে।

Ans: The Empty elements element include both on and off tags.

āωāϤ্āϤ⧰ঃ (ā§°িāĻ•্āϤ āωāĻĒাāĻĻাāύāϤ āĻ…āύ āφ⧰ু āĻ…āĻĢ āĻĻুāϝ়োāϟা āϟেāĻ— āĻ…āύ্āϤ⧰্āĻ­ুāĻ•্āϤ āĻĨাāĻ•ে)।

6. The   _____________   element splits the line and displays the text on a new line. 

_____________ āωāĻĒাāĻĻাāύে āĻļাā§°ীāϟো āĻŦিāĻ­াāϜিāϤ āϕ⧰ি āύāϤুāύ āĻļাā§°ীāϤ āϞিāĻ–āύী āĻĒ্ā§°āĻĻā§°্āĻļāύ āϕ⧰ে।

Ans: The <br> element splits the line and displays the text on a new line.

āωāϤ্āϤ⧰ঃ  (<br> āωāĻĒাāĻĻাāύāϟোā§ąে ā§°েāĻ–াāϟো āĻŦিāĻ­াāϜāύ āϕ⧰ে āφ⧰ু āĻĒাāĻ āϟো āĻāϟা āύāϤুāύ āĻļাā§°ীāϤ āĻĒ্ā§°āĻĻā§°্āĻļāύ āϕ⧰ে।)



II. MULTIPLE CHOICE QUESTIONS:


1. Which is the correct way to comment out something in HTML?

HTML āϤ āĻ•িāĻŦা āĻāϟা āĻŽāύ্āϤāĻŦ্āϝ āĻĻিāϝ়াā§° āϏāĻ িāĻ• āωāĻĒাāϝ় āĻ•োāύāϟো?

i. Using ## and # 

## āφ⧰ু # āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি

ii. Using <!-- and -->

<!-- āφ⧰ু --> āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি

iii. Using </-- and -/->

</-- āφ⧰ু -/-> āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি

iv. Using <!-- and -!>

<!-- āφ⧰ু -!> āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি

Ans: iii. Using </-- and -/->

āωāϤ্āϤ⧰ঃ (</-- āφ⧰ু -/-> āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি)

2. The --------------- tag draws a horizontal line across the web page.


i. <br>

ii. <hr>

iii. <line>

Ans: ii. <hr>

āωāϤ্āϤ⧰ঃ (<hr>)

3. -------------------- provides a set of style rules for defining the layout of the HTML documents.

-------------------- HTML āĻĻāϏ্āϤাāĻŦেāϜāϏāĻŽূāĻšā§° āĻĒā§°িāĻ•āϞ্āĻĒāύা āϏংāϜ্āĻžাāϝ়িāϤ āϕ⧰াā§° āĻŦাāĻŦে āĻļৈāϞী āύিāϝ়āĻŽāϏāĻŽূāĻšā§° āĻāϟা āĻ—োāϟ āĻĒ্ā§°āĻĻাāύ āϕ⧰ে।

i. CSS

ii. WSS

iii. TSS

Ans: i. CSS

āωāϤ্āϤ⧰ঃ (CSS)

4. A property and its value are collectively known as ----------------

āĻāϟা āϏāĻŽ্āĻĒāϤ্āϤি āφ⧰ু āχāϝ়াā§° āĻŽূāϞ্āϝāĻ• āϏাāĻŽূāĻšিāĻ•āĻ­াā§ąে ---------------- āĻŦুāϞি āϜāύা āϝাāϝ়।

i. Selector

āύিā§°্āĻŦাāϚāĻ•

ii. Attribute

āĻŦৈāĻļিāώ্āϟ্āϝ

iii. Declaration

āϘোāώāĻŖা

5. Which tag indicates the beginning and end of the HTML documents?

āĻ•োāύāϟো āϟেāĻ—ে HTML āύāĻĨিāĻĒāϤ্ā§°āϏāĻŽূāĻšā§° āφ⧰āĻŽ্āĻ­āĻŖি āφ⧰ু āĻļেāώ āϏূāϚাāϝ়?

i. <HEAD>

ii. <BODY>

iii. <HTML>

Ans: iii. <HTML>

āωāϤ্āϤ⧰ঃ <HTML>

6. Which of the following is used to define the style for a single HTML page?

āĻāϟা HTML āĻĒৃāώ্āĻ াā§° āĻŦাāĻŦে āĻļৈāϞী āϏংāϜ্āĻžাāϝ়িāϤ āϕ⧰িāĻŦāϞৈ āϤāϞ⧰ āĻ•োāύāϟো āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰া āĻšāϝ়?

i. Inline CSS

āχāύāϞাāχāύ āϚি āĻāĻ› āĻāĻ›

ii. Internal CSS

āφāĻ­্āϝāύ্āϤ⧰ীāĻŖ CSS

iii. External CSS

āĻŦাāĻš্āϝিāĻ• CSS

Ans: ii. Internal CSS

āωāϤ্āϤ⧰ঃ (āφāĻ­্⧟āύ্āϤ⧰ীāĻŖ CSS)

III. APPLICATION BASED QUESTIONS:


1. Yashvi was styling an HTML document using CSS. She wants to add styles directly to an HTML tag using the style attribute with the tag. How can she do this?

(āϝāĻļā§ąীāϝ়ে CSS āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি āĻāϟা HTML āύāĻĨিāĻĒāϤ্ā§° āώ্āϟাāχāϞ āϕ⧰ি āφāĻ›িāϞ। āϤাāχ āϟেāĻ—ā§° āϏৈāϤে āĻļৈāϞী āĻŦৈāĻļিāώ্āϟ্āϝ āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি āĻāϟা HTML āϟেāĻ—āϤ āĻĒোāύāĻĒāϟীāϝ়াāĻ•ৈ āĻļৈāϞী āϝোāĻ— āϕ⧰িāĻŦ āĻŦিāϚাā§°ে। āϤাāχ āĻ•েāύেāĻ•ৈ āĻāχ āĻ•াāĻŽ āϕ⧰িāĻŦ āĻĒাā§°ে?)

Ans: Yashvi was styling an HTML document using CSS. She wants to add styles directly to an HTML tag using the style attribute with the tag. She used to Inline CSS add styles directly to an HTML document.

2. Rohan wants to divide his web page into different sections so that the content is easily readable. Which tag can he use for this? Which attributes can he use to define some extra properties of this tag?

(ā§°োāĻšāύে āϤেāĻ“ঁā§° ā§ąেāĻŦ āĻĒেāϜāϟো āĻŦিāĻ­িāύ্āύ āĻļিāϤাāύāϤ āĻ­াāĻ— āϕ⧰িāĻŦ āĻŦিāϚাā§°িāĻ›ে āϝাāϤে āĻŦিāώāϝ়āĻŦāϏ্āϤু āϏāĻšāϜে āĻĒāĻĸ়িāĻŦ āĻĒā§°া āϝাāϝ়। āχāϝ়াā§° āĻŦাāĻŦে āϤেāĻ“ঁ āĻ•োāύāϟো āϟেāĻ— āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰িāĻŦ āĻĒাā§°ে? āĻāχ āϟেāĻ—ā§° āĻ•িāĻ›ুāĻŽাāύ āĻ…āϤিā§°িāĻ•্āϤ āĻŦৈāĻļিāώ্āϟ্āϝ āϏংāϜ্āĻžাāϝ়িāϤ āϕ⧰িāĻŦāϞৈ āϤেāĻ“ঁ āĻ•োāύāĻŦোā§° āĻŦৈāĻļিāώ্āϟ্āϝ āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰িāĻŦ āĻĒাā§°ে?)

Ans: Rohan wants to divide his web page into different sections so that the content is easily readable. he  <HR> can use tags to divide his web page into several sections so that the content can be easily readable.

3. Kirti wants to set the image of a park as the background of her web page but she is unable to do it. Which tag should she use to do so? Give the syntax.

(āĻ•ীā§°্āϤিāϝ়ে āĻāĻ–āύ āĻĒাā§°্āϕ⧰ āĻ›āĻŦিāĻ–āύ āύিāϜ⧰ ā§ąেāĻŦ āĻĒেāϜ⧰ āĻĒāϟāĻ­ূāĻŽি āĻšিāϚাāĻĒে āĻ›েāϟ āϕ⧰িāĻŦ āĻŦিāϚাā§°ে āϝāĻĻিāĻ“ āϤাāχ āϏেāχ āĻ•াāĻŽ āϕ⧰িāĻŦāϞৈ āϏāĻ•্āώāĻŽ āύāĻšāϝ়। āϤেāύে āϕ⧰িāĻŦāϞৈ āϤাāχ āĻ•োāύāϟো āϟেāĻ— āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰িāĻŦ āϞাāĻ—ে? āĻŦাāĻ•্āϝāĻŦিāύ্āϝাāϏ āĻĻিāϝ়āĻ•।)

Answer: Kriti can set the picture of the park as the background of her web page, she has to write background qualities on the body tag.


IV. ANSWER THE FOLLOWING:


1. What is a markup language?

(āĻŽাā§°্āĻ•āφāĻĒ āĻ­াāώা āĻ•ি?)

Ans: Markup language, standard text-encoding system that consists of a set of symbols included in a text document to control the relationship between its structure, formatting, or parts of it.

(āĻŽাā§°্āĻ•āφāĻĒ āĻ­াāώা, āĻŽাāύāĻ• āĻĒাāĻ -āĻāύāĻ•'āĻĄিং āĻĒ্ā§°āĻŖাāϞী āϝ'āϤ āχāϝ়াā§° āĻ—াঁāĻĨāύি, āĻĢā§°্āĻŽেāϟিং, āĻŦা āχāϝ়াā§° āĻ…ংāĻļāĻŦোā§°ā§° āĻŽাāϜ⧰ āϏāĻŽ্āĻĒā§°্āĻ• āύিāϝ়āύ্āϤ্ā§°āĻŖ āϕ⧰িāĻŦāϞৈ āĻĒাāĻ  āĻĻāϏ্āϤাāĻŦেāϜāϤ āĻ…āύ্āϤ⧰্āĻ­ুāĻ•্āϤ āϚিāĻš্āύ⧰ āĻāϟা āϏংāĻšāϤি āĻĨাāĻ•ে।)

2. Write some feature of HTML.

(HTML ā§° āĻ•িāĻ›ুāĻŽাāύ āĻŦৈāĻļিāώ্āϟ্āϝ āϞিāĻ–া।)

Ans:


3. Explain the terms tags and attributes with the help of an example.

(āĻāϟা āωāĻĻাāĻšā§°āĻŖā§° āϏāĻšাāϝ়āϤ āϟেāĻ— āφ⧰ু āĻāϟ্ā§°িāĻŦিāωāϟ āĻļāĻŦ্āĻĻāϏāĻŽূāĻš āĻŦ্āϝাāĻ–্āϝা āϕ⧰া।)

Ans: Tags are the simplest form of information used in HTML where attributes contain additional information. ... Tags are also used to mark the beginning and end of an HTML element while an attribute defines a component of a value pair a feature of the constitution and appears within the start tag elements.

4. How are comments useful?

(āĻŽāύ্āϤāĻŦ্āϝ āĻ•েāύেāĻ•ৈ āωāĻĒāϝোāĻ—ী?)

Ans: Comments are text notes added to the program to provide explanatory information about the source code. These are used in programming language to document the program and remind the programmers of what complex work they have just done with the code and also help the next generation understand and supervise the code.

(āĻŽāύ্āϤāĻŦ্āϝāĻŦোā§° āĻšৈāĻ›ে āĻ‰ā§ŽāϏ āĻ•োāĻĄā§° āĻŦিāώāϝ়ে āĻŦ্āϝাāĻ–্āϝাāĻŽূāϞāĻ• āϤāĻĨ্āϝ āĻĒ্ā§°āĻĻাāύ āϕ⧰িāĻŦāϞৈ āĻĒ্ā§°'āĻ—্ā§°াāĻŽāϟোāϤ āϝোāĻ— āĻĻিāϝ়া āĻĒাāĻ  āϟোāĻ•া। āĻāχāĻŦোā§° āĻĒ্ā§°'āĻ—্ā§°াāĻŽāϟো āύāĻĨিāĻ­ুāĻ•্āϤ āϕ⧰িāĻŦāϞৈ āφ⧰ু āĻĒ্ā§°āĻ—্ā§°াāĻŽাā§°āϏāĻ•āϞāĻ• āϤেāĻ“ঁāϞোāĻ•ে āĻāχāĻŽাāϤ্ā§° āĻ•োāĻĄāϟোā§° āϏৈāϤে āĻ•ি āϜāϟিāϞ āĻ•াāĻŽ āϕ⧰িāĻ›িāϞ āĻŽāύāϤ āĻĒেāϞাāχ āĻĻিāĻŦāϞৈ āĻĒ্ā§°āĻ—্ā§°াāĻŽিং āĻ­াāώাāϤ āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰া āĻšāϝ় āφ⧰ু āϞāĻ—āϤে āĻĒā§°ā§ąā§°্āϤী āĻĒ্ā§°āϜāύ্āĻŽāĻ• āĻ•োāĻĄ āĻŦুāϜা āφ⧰ু āϤāϤ্āĻŦাā§ąāϧাāύ āϕ⧰াāϤ āϏāĻšাāϝ় āϕ⧰ে)

5. What are Cascading Style Sheets? Name the different methods available for applying Style rules in an HTML document.

(āĻ•েāĻ›āĻ•েāĻĄিং āώ্āϟাāχāϞ āĻļ্āĻŦীāϟ āĻ•ি āĻ•ি? āĻāϟা HTML āĻĻāϏ্āϤাāĻŦেāϜāϤ āĻļৈāϞী āύিāϝ়āĻŽ āĻĒ্ā§°āϝ়োāĻ— āϕ⧰াā§° āĻŦাāĻŦে āωāĻĒāϞāĻŦ্āϧ āĻŦিāĻ­িāύ্āύ āĻĒāĻĻ্āϧāϤিā§° āύাāĻŽ āϞিāĻ–া।)

Ans: CSS can be applied to HTML or XHTML using three methods: linking, embedded, and inline. In the added manner, the CSS. Directly HTML. Saved to a separate file instead of being saved on the page. In embedded method, CSS. HTML as part of the page, stored in the header section.

(āϤিāύিāϟা āĻĒāĻĻ্āϧāϤি āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি āĻāχāϚāϟিāĻāĻŽāĻāϞ āĻŦা āĻāĻ•্āϏāĻāχāϚāϟিāĻāĻŽāĻāϞ-āϤ āϚিāĻāĻ›āĻāĻ› āĻĒ্ā§°āϝ়োāĻ— āϕ⧰িāĻŦ āĻĒাā§°ি: āϞিংāĻ• āϕ⧰া, āĻāĻŽ্āĻŦেāĻĄেāĻĄ, āφ⧰ু āχāύāϞাāχāύ। āϏংāϝোāϜিāϤ āĻĒāĻĻ্āϧāϤিāϤ, āϚি.āĻāĻ›.āĻāĻ›. āĻĒোāύāĻĒāϟীāϝ়াāĻ•ৈ āĻāχāϚ.āϟি.āĻāĻŽ.āĻāϞ. āĻĒৃāώ্āĻ াāϤ āϏāĻž্āϚিāϤ āϕ⧰াā§° āĻĒā§°িā§ąā§°্āϤে āĻāϟা āĻĒৃāĻĨāĻ• āĻĢাāχāϞāϤ āϏংā§°āĻ•্āώāĻŖ āϕ⧰া āĻšāϝ়। āĻāĻŽ্āĻŦেāĻĄেāĻĄ āĻĒāĻĻ্āϧāϤিāϤ, āϚি.āĻāĻ›.āĻāĻ›. āĻāχāϚ.āϟি.āĻāĻŽ.āĻāϞ. āĻĒৃāώ্āĻ াā§° āĻ…ংāĻļ āĻšিāϚাāĻĒে, āĻšেāĻĄাā§° āĻļাāĻ–াāϤ āϏāĻž্āϚিāϤ āϕ⧰া āĻšāϝ়।)

6. Differentiate between Internal CSS and External CSS.

(āφāĻ­্āϝāύ্āϤ⧰ীāĻŖ CSS āφ⧰ু āĻŦাāĻš্āϝিāĻ• CSS ā§° āĻŽাāϜāϤ āĻĒাā§°্āĻĨāĻ•্āϝ āϕ⧰āĻ•।)

Ans: The main difference between inline CSS and external CSS is that inline CSS is processed rapidly as it requires only the browser to download 1 file while html and CSS files have to be downloaded separately to use external CSS.

LAB ACTIVITY

āϞেāĻŦā§° āĻ•াā§°্āϝ্āϝāĻ•āϞাāĻĒ

1. Create a web page that serves as an invitation card to your birthday party. Use all the HTML tags along with CSS properties you have learnt to make it attractive and lively.

(āφāĻĒোāύাā§° āϜāύ্āĻŽāĻĻিāύ⧰ āĻĒাā§°্āϟিāϞৈ āφāĻŽāύ্āϤ্ā§°āĻŖ āĻ•াā§°্āĻĄ āĻšিāϚাāĻĒে āĻ•াāĻŽ āϕ⧰া āĻāϟা ā§ąেāĻŦ āĻĒৃāώ্āĻ া āϤৈāϝ়াā§° āϕ⧰āĻ•। āφāĻĒুāύি āĻļিāĻ•ি āĻ…āĻšা CSS āĻŦৈāĻļিāώ্āϟ্āϝāϏāĻŽূāĻšā§° āϏৈāϤে āϏāĻ•āϞো HTML āϟেāĻ— āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি āχāϝ়াāĻ• āφāϕ⧰্āώāĻŖীāϝ় āφ⧰ু āϏāϜীā§ą āϕ⧰ি āϤুāϞিāĻŦ।)

 2. Create a web page that serves as a guide for the mathematical formulas using HTML tags along with CSS properties.

āĻāϟা ā§ąেāĻŦ āĻĒৃāώ্āĻ া āϏৃāώ্āϟি āϕ⧰āĻ• āϝিāϝ়ে CSS āĻŦৈāĻļিāώ্āϟ্āϝāϏāĻŽূāĻšā§° āϏৈāϤে HTML āϟেāĻ—āϏāĻŽূāĻš āĻŦ্āĻ¯ā§ąāĻšাā§° āϕ⧰ি āĻ—াāĻŖিāϤিāĻ• āϏূāϤ্ā§°āϏāĻŽূāĻšā§° āĻŦাāĻŦে āĻāϟা āĻ—াāχāĻĄ āĻšিāϚাāĻĒে āĻ•াāĻŽ āϕ⧰ে।


Type & Assamese Translate : Himashree Bora.

Author-Dikha Bora          




Post ID:DABP002074