DHTML & CS MCQ Test - 1 - Class 10 MCQ

Font weight describes how bold or "heavy" a font should be presented.

Explanation:

Font weight is a property of typography that determines the thickness or heaviness of a font. It determines how bold or light a font appears on a page or screen. The font weight can be adjusted to create emphasis, hierarchy, or contrast in a design.

Other font properties:

• Font style: Describes the slant or angle of a font, such as italic or oblique.


• Font size: Determines the size of the characters in a font, measured in points.


• Font variant: Specifies whether a font should be displayed in its normal form or as a small-caps font.

Examples:

• A font with a bold font weight may appear thicker and heavier compared to the same font with a regular font weight.


• Font weight can be adjusted using CSS properties, such as font-weight: bold; or font-weight: 700; for a bolder font weight, and font-weight: normal; or font-weight: 400; for a regular font weight.

Therefore, the correct answer is C: Font weight.

Answer:
The correct answer is B:

‘%’ and ‘em’

Explanation:
The units '% and 'em' allow the user to adjust the font size according to their preference. Here is a detailed explanation:
- %: The percentage unit allows the user to set the font size relative to the parent element. For example, a font size of 100% is the default size inherited from the parent element, while a font size of 200% would be twice as large.
- em: The em unit also allows the user to adjust the font size relative to the parent element. However, unlike the percentage unit, the em unit is relative to the current font size. For example, if the font size is 16px, 1em would be equivalent to 16px, while 2em would be equivalent to 32px.
In summary, both the '%' and 'em' units provide flexibility for adjusting font sizes based on the user's preference.

The Decorations or Effects that can be added to text are:
1. Text Align property:
- The Text Align property is used to specify the horizontal alignment of text within an element.
- It can be set to left, right, center, or justify.
- Left aligns the text to the left edge of the element.
- Right aligns the text to the right edge of the element.
- Center aligns the text in the center of the element.
- Justify aligns the text to both the left and right edges of the element, creating a straight edge on both sides.
2. Text Indent property:
- The Text Indent property is used to specify the indentation of the first line of text within an element.
- It can be set to a specific length or percentage value.
- A positive value indents the text to the right, while a negative value indents it to the left.
- This property is commonly used in paragraphs or lists to create an indentation for each new line or item.
3. Letter spacing property:
- The Letter spacing property is used to specify the space between characters in a text.
- It can be set to a specific length or percentage value.
- A positive value increases the space between characters, while a negative value decreases it.
- This property is often used for decorative or typographic purposes to create special effects or improve readability.
4. None of the above:
- This option indicates that none of the given options (Text Align property, Text Indent property, Letter spacing property) can be used to add decorations or effects to text.
- In this case, there may be other CSS properties or techniques that can be applied to achieve the desired effect.
By using these properties, you can enhance the appearance of text by aligning it, adding indentation, or adjusting the spacing between characters.

DHTML is a combination of HTML and JavaScript.
HTML (Hypertext Markup Language) and JavaScript are two fundamental technologies used in web development. DHTML, which stands for Dynamic HTML, combines these two technologies to create interactive and dynamic web pages. Here is a detailed explanation of each component:
HTML (Hypertext Markup Language):
- HTML is the standard markup language used for creating the structure and content of web pages.
- It provides a set of tags that define the elements and their layout on a web page.
- HTML tags are used to mark up headings, paragraphs, images, links, tables, forms, and other elements.
JavaScript:
- JavaScript is a programming language that allows developers to add interactivity and dynamic behavior to web pages.
- It runs on the client-side (in the web browser) and can manipulate HTML elements, handle events, validate form inputs, and perform calculations.
- JavaScript can be used to create animations, show or hide elements, change styles, and update content dynamically.
Combining HTML and JavaScript:
- DHTML combines HTML and JavaScript by using JavaScript to manipulate the HTML elements defined in the HTML structure.
- JavaScript can be embedded directly within HTML using script tags or linked externally.
- By using JavaScript, DHTML enables developers to create interactive features like dropdown menus, image sliders, form validation, and real-time updates without requiring a page reload.
Benefits of DHTML:
- DHTML allows for a more engaging and interactive user experience on web pages.
- It enables dynamic content updates without the need for a full page refresh.
- DHTML is widely supported by modern web browsers, making it a reliable technology for web development.
- It provides a way to create rich and responsive web applications.
In conclusion, DHTML is a powerful combination of HTML and JavaScript that allows developers to create dynamic and interactive web pages. By leveraging the strengths of both technologies, DHTML enables the creation of engaging user experiences on the web.

Cascading Style Sheets (CSS)

Definition: Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.

Key Points:

• CSS is a language used to control the presentation and layout of web pages.


• It is written in a separate file with a .css extension, which is then linked to the HTML document.


• CSS allows developers to define various styles for HTML elements, such as fonts, colors, spacing, and more.


• It provides a way to create consistent and visually appealing designs across multiple web pages.


• CSS follows a cascading order, meaning that styles can be inherited from parent elements and overridden by more specific styles.


• It supports various selectors to target specific HTML elements or groups of elements.


• With CSS, developers can create responsive designs that adapt and change based on different screen sizes and devices.


• CSS can be used in conjunction with other web technologies, such as JavaScript and HTML, to enhance the functionality and interactivity of web pages.

Benefits of CSS:

• Separation of concerns: CSS allows the separation of design and content, making it easier to maintain and update web pages.


• Consistency: CSS enables consistent styling across multiple web pages, providing a cohesive user experience.


• Efficiency: By using CSS, developers can apply styles to multiple elements simultaneously, reducing the amount of code and improving performance.


• Flexibility: CSS provides a wide range of styling options, allowing developers to create unique and customized designs.


• Accessibility: CSS supports accessibility features, making it easier to create web pages that are usable by individuals with disabilities.

In conclusion, Cascading Style Sheets (CSS) is a powerful language that allows developers to control the visual appearance and layout of web pages. It is an essential tool for creating attractive and responsive designs.

Property for Text Spacing:
The correct property to give specified spacing between text characters is the "Letter Spacing" property.
Explanation:
The "Letter Spacing" property is used to control the spacing between individual characters in a piece of text. It allows you to increase or decrease the space between letters, giving you more control over the typography and visual appearance of the text.
Usage:
To apply letter spacing to text, you can use the CSS "letter-spacing" property. Here's how it works:
- Add the CSS property to the selector that targets the text you want to modify.
- Specify a value for the letter spacing. This value can be in pixels (px), ems (em), or other units.
Example:
```
p {
letter-spacing: 2px;
}
```
In the above example, the letter spacing for all paragraphs will be increased by 2 pixels.
Other CSS Properties:
The other properties mentioned in the options are not used for giving spacing between text characters:
A: Text Decoration: This property is used to add decorations to text, such as underline, overline, or line-through.
C: Text Transform: This property is used to change the capitalization of text, such as making it all uppercase or lowercase.
D: None of the above: None of the mentioned properties are used to give spacing between text characters.
In conclusion, the correct property to give specified spacing between text characters is the "Letter Spacing" property.

Explanation:
To answer this question, we need to understand the units used for specifying font size in CSS. The units 'px' and '___' are both used to make the font size absolute, meaning that the font size will be fixed and not dependent on any other factors.
HTML Bullet Points:
- The unit 'px' stands for pixels and is commonly used to specify font size in CSS.
- When you use 'px' as the unit, the font size will be fixed and will not change regardless of the device or screen resolution.
- The other unit that makes the font size absolute in CSS is 'pt', which stands for points.
- Points are another unit commonly used in print media and are equivalent to 1/72 of an inch.
- When you use 'pt' as the unit, the font size will also be fixed and not dependent on the device or screen resolution.
Conclusion:
The correct answer is option D: 'pt'. Both 'px' and 'pt' are units that make the font size absolute in CSS.

Background Repeat Property:
The background-repeat property is used in CSS to control how a background image is repeated or displayed on a webpage. It determines whether the image should be repeated horizontally, vertically, both, or not at all.
Options:
A: Background Image property - This is not the correct answer as the background image property is used to specify the image URL and positioning of the background image.
B: Foreground Color property - This is not the correct answer as the foreground color property is used to specify the color of the text or element.
C: Background Color property - This is not the correct answer as the background color property is used to specify the color of the background.
D: Background Repeat property - This is the correct answer as the background-repeat property determines how the background image is repeated.
Explanation:
The background-repeat property has four possible values:
1. repeat: The background image is repeated both horizontally and vertically to cover the entire screen. This is the default value.
2. repeat-x: The background image is repeated only horizontally.
3. repeat-y: The background image is repeated only vertically.
4. no-repeat: The background image is not repeated and is displayed only once.
By using the background-repeat property with the value "repeat", the image will be repeated both horizontally and vertically to cover the entire screen. This ensures that the image is displayed in a tiled pattern across the background.
Example usage in CSS:
```
body {
background-image: url('image.jpg');
background-repeat: repeat;
}
```
In the above example, the image.jpg will be repeated both horizontally and vertically to create a tiled background on the webpage.