Question 1

Question 3Namrata has written some style rules using the embedded style sheet method, but the effects are not getting applied on the elements. Instead the rules are getting displayed as such on the screen. What can be the possible reason? Suggest her some solution for the same.

Accepted Answer

One of the possible reasons for such a problem can be browser compatibility. Namrata may be using an older browser which doesn't support CSS.Two ways in which the problem can be fixed are as follows:Namrata can switch to a browser which supports CSS.She should wrap the style sheet code within HTML comments: Embedding Style Sheets

Question 2

Question 4Perform as instructed below.(a) Create an HTML file namely index.html file with following guidelines :x Make sure there are at least 2 paragraphs (

) in your HTML file x Use h1, h2 and h3 headings x Use a numbered and a bulleted list x Use a table x At least 4 hyperlinks (b) Link to an external style sheet namely personal.css from your index.html file.(c) Create a CSS document called personal.css (Make sure you save as type .css) with rules for the following :x Have your h2 headings : (a) Appear in a color of your choice (b) Be centered on the page (text-align: center;) (c) In the Serif font family of your choice x Double the H1 headings size (relative font size) x For paragraphs (a) Specify a font family and font size. (b) Give a background color with 5 px padding on each side x For tables (a) Specify a border of width 3px (b) Table heading in bold x Remove the underline in your links. (d) View the html file in a browser(e) Create another CSS file with different style rules for above mentioned elements and then link index.html to this CSS file. Now view index.html and see the change.

Accepted Answer

index.html HTML Introduction

Introduction to HTML

What is HTML ?

HTML (Hypertext Markup Language) is the standard markup language used for creating and structuring web pages. HTML uses a system of tags and elements to define the different components and content of a web page.

HTML forms the foundation of web development and is often combined with CSS (Cascading Style Sheets) and JavaScript to create interactive and visually appealing websites.

Advantages of HTML

Universal support across web browsers.
Easy to learn and understand syntax.
Platform independence for broad device compatibility.
Seamless integration with CSS and JavaScript.

Limitations of HTML

Limited styling and layout control.
Lack of built-in interactivity.
Insufficient data handling capabilities.
Browser compatibility issues.

Some tags of HTML
Tag	Description
B tag	Used to make text bold
I tag	Used to make text italic

Check out these links to learn more about HTML:

personal.cssh2 { color: red ; text-align: center ; font-family: Times New Roman ; } h1 { font-size: 2em ; } p { font-family: Arial ; font-size: 10px ; background-color: cyan ; padding: 5px 5px 5px 5px ; } table { border: 3px solid; } th { border: 3px solid; font-weight: bold ; } td { border: 3px solid; } a { text-decoration: none ; }Outputnew-personal.cssh2 { color: blue ; text-align: left ; font-family: Verdana ; } h1 { font-size: 3em ; } p { font-family: Georgia ; font-size: 14px ; background-color: green ; padding: 3px 8px 3px 8px ; } table { border: 1px dashed; } th { border: 1px dashed; font-weight: normal ; } td { border: 1px dashed; } a { text-decoration: overline ; }Output

Question 3

Question 16How do you display hyperlinks without an underline?a {decoration:no underline}a {text-decoration:none}a {hyperlink:no underline}a {text-decoration:no underline}

Accepted Answer

a {text-decoration:none}Reason — To display hyperlinks without an underline, the value of text-decoration property is set to none.

Source: This question is from Cascading Style Sheets (CSS), Computer Applications &mdash; Class 10, CBSE Board.
Key Concepts CoveredThis question tests your understanding of the following concepts from the chapter Cascading Style Sheets (CSS): Question, Display, Hyperlinks, Without, Underline, Decoration. These are fundamental topics in Computer Applications that students are expected to master as part of the CBSE Class 10 curriculum.A thorough understanding of these concepts will help you answer similar questions confidently in your CBSE examinations. These topics are frequently tested in both objective and subjective sections of Computer Applications papers. We recommend revising the relevant section of your textbook alongside practising these solved examples to build a strong foundation.
How to Approach This QuestionRead the question carefully and identify what is being asked. Break down complex questions into smaller parts. Use the terminology and concepts discussed in this chapter. Structure your answer logically — begin with a definition or key statement, then provide supporting details. Review your answer to ensure it addresses all parts of the question completely.
Key Points to RememberWrite programs with proper indentation and comments.
Trace through your code with sample inputs to verify correctness.
Explain the logic behind each step of your solution.
Familiarise yourself with common library functions and methods.
Related Questions from Cascading Style Sheets (CSS)Q1: Question 1 What are the different components of DHTML?
Q10: Question 10 Identify the errors in the codes below and write the correct code: import url...
Q11: Question 11 What is the utility of dynamic websites ?
Q12: Question 12 What are some features of dynamic websites ?
Q13: Question 13 What do you understand by Stylesheets? How are these useful ?
Practice more questions from Cascading Style Sheets (CSS) &mdash; Computer Applications, Class 10 CBSE

Question 4

Question 1What are the different components of DHTML?

Accepted Answer

The different components of DHTML are as follows:HTML — HyperText Markup Language defines the basic structure of a web page by using the essential elements, such as paragraphs, headings, forms, tables, and links.Cascading Style Sheets — CSS is a set of style sheet design principles that determines the visual layout of the content of a web page.Scripting — It provides a way to interpret the user's actions and accordingly brings changes to a web page.Document object Model — The DOM defines the logical structure of a web page.

Question 5

Question 2Differentiate between Static and Dynamic web pages.

Accepted Answer

S.No.Static web pagesDynamic web pages1.In static web pages, the contents of the web pages remains fixed or unchanging. These web pages are loaded on the client's browser exactly in the same way as they are stored on the web server.A dynamic web page is created upon user request, displaying unique content based on interactions. Each view is tailored to the user and exist only for that moment.2.A user can only read the information but cannot make any modifications or interact with the data.Dynamic web page is an Interactive web page that is highly functional and users can interact with it.3.Static web pages are created by using only HTML.Dynamic web pages can be created by using ASP, PHP, or DHTML.

Question 6

Question 5Differentiate between External style sheets and Internal style sheets.

Accepted Answer

Differences between External and Internal style sheets are listed below:S.No.External style sheetsInternal style sheets1.These style sheets are separate .css files.These style sheets are within the HTML document.2.The CSS file is linked using tag.The style sheet is placed within

Question 7

Question 6Scripting makes the web page dynamic. Explain.

Accepted Answer

Scripting is one of the components of DHTML. It makes a web page dynamic. It provides a way to interpret the user's actions and accordingly brings changes to a web page. For example, scripts can interpret the mouse actions (such as clicking or entering a value in a textbox) and respond to that action by using a set of predefined instructions (such as opening a page).JavaScript is the standard language for creating cross-browser DHTML pages. It uses various scripting techniques to detect the browser that the user is using and accordingly executes the code, intended for that browser.

Question 8

Question 7Differentiate between the Font-weight and Font-variant properties.

Accepted Answer

S.No.Font-weight propertyFont-variant property1.This property specifies the weight or boldness of the font. Possible values are 100-900, bold, bolder, lighter, and normal.This property sets the text font in two variants: normal or small-caps.2.For example,H1 {Font-weight : bolder}For example,H1 {Font-variant : small-caps;}

Question 9

Question 8Explain the purpose of using the shorthand Margin property.

Accepted Answer

We can specify the margins of all sides of an element in one single declaration by using the Margin shorthand property.The syntax for shorthand Margin property is as follows:Margin : top-value right-value bottom-value left-value;where value = length | percentage | autoFor example, to define the margins for the <P> element, we will use the following rule:P {margin: 20px 40px 60px 80px}

Question 10

Question 9How will you add padding space to all the four sides of an element?

Accepted Answer

We can use the Padding property to add padding space to all the four sides of an element. The syntax for Padding property is as follows:padding-side : value;where side = top / right / bottom / leftand value = length | percentageFor example, to add padding to a <P> element, we use the following code:P   {
Padding-top : 20px;
Padding-right : 40px;
Padding-bottom : 20px;
Padding-left : 40px;
}

Question 11

Question 10Identify the errors in the codes below and write the correct code:import url (style_imp.css)

P {font: arial 15px sans-serif;}{p-color:red;}

Accepted Answer

import url (style_imp.css)The syntax of import statement is incorrect. It must be preceded by an '@' symbol and the terminator symbol ';' is also missing at the end. Thus the correct code is as follows:@import url(style_imp.css);If the value of Color property is given as a Hexadecimal value, it must begin with a '#' symbol. The ' ; ' must be placed at the end of the value. Thus, the correct code is as follows:

The name of the property is "text-align" and not "text:align". The correct code is as follows:

P {font: arial 15px sans-serif;}The order of values for font property should be in the following manner:Syntax : Font:Font-style Font-variant Font-weight Font-size Font-family;Thus, the correct code is as follows:P {font: 15px arial sans-serif;}{p-color:red;}The selector should be placed outside the parentheses. The correct code is as follows:P {color:red;}

Question 12

Question 11What is the utility of dynamic websites ?

Accepted Answer

The utility of dynamic websites are as follows:Dynamic websites allow easy content updates.They tailor content based on user preferences.They enable feedback forms, comment sections, and social media integration.They can fetch and display real-time data from databases or APIs enabling live updates like news feeds, stock market information, weather updates, etc.They support online transactions and inventory management.They handle large amounts of content and user traffic.They streamline processes and save time.

Question 13

Question 12What are some features of dynamic websites ?

Accepted Answer

Some features of dynamic websites are as follows:User registration and authentication can be done.Content management system (CMS) provides for easy content updates.Search functionality to find specific content.Database integration for dynamic content generation.Interactive forms for user engagement.E-commerce capabilities for online transactions.Social media integration for sharing and interaction.Personalization based on user preferences.Dynamic content delivery for customized user experiences.Analytics and tracking to gather data for analysis and optimization.

Question 14

Question 13What do you understand by Stylesheets? How are these useful ?

Accepted Answer

A style sheet is a file containing formatting guidelines that define the overall look of a document.Style sheets are useful in the following ways:It helps to separate structure and presentation. The HTML file can include structure tags and style sheet takes care of the presentation of content.Web pages download much faster.Developers have to type less code, and the web pages are shorter and neater.The look of the site is kept consistent throughout all the pages that work off the same style sheet.Updating design and general site maintenance are made much easier.Errors caused by editing multiple HTML pages occur less often.

Question 15

Question 14What is CSS style rule? How do you define it ?

Accepted Answer

A CSS rule is a single statement in a style sheet that identifies what should be styled (the selector) and how those styles should be applied (the declaration).We define a rule by writing the selector tag without angle brackets. The properties and their values are written in the following syntax:selector { propertyname : value ; propertyname : value ; ...}For example, if we want <H3 tag to have font face Arial and red color then we define the style rule as follows:h3 { font.family : Arial ; color : red ; }

Question 16

Question 15What are three ways of creating style rules? Give examples of each.

Accepted Answer

The three ways of creating style rules are as follows:1. Inline — Styles are embedded right within the HTML code they affect. For example,

2. Internal — Styles are placed within the header information of the web page and then affect all the corresponding tags on the page. For example, 3. External — Styles are coded in a separate document, which is then referenced from within the header of the actual web page. For example, let there be a CSS file named sample.css :h3 { font.family : Arial ; color : red ; } p { font.family : Times New Roman ; color : blue ; } ...and so on...To link sample.css file to an HTML document, we use the

Question 17

Question 17Where do you place the code to associate a Web page with an external style sheet ?

Accepted Answer

To associate a Web page with an external style sheet, we place the code in the head tag in the following manner : where, sample.css is the name of the CSS file.

Cascading Style Sheets (CSS)

Application Based Questions

Application Oriented Questions

Objective Type Questions

Theoretical Questions