Mastering Web Development Concepts

What does HTML stand for?

• Hyperlink Text Markup Language

• HighText Markup Language

• HyperText Markup Language

• HyperText Multi Language

Answer explanation

HTML stands for HyperText Markup Language. It is the standard language used to create and design web pages, allowing for the structuring of content with hyperlinks, text, and other elements.

Which tag is used to create a hyperlink in HTML?

What is the purpose of the tag in an HTML document?

• The tag is for defining the layout of the webpage.

• The tag is used to contain meta-information about the HTML document.

• The tag is used to include images and videos in the document.

• The tag is used to display the main content of the page.

Answer explanation

The tag is essential for containing meta-information about the HTML document, such as title, character set, and links to stylesheets, rather than defining layout or displaying content.

What is the correct HTML element for inserting a line break?

• 
  

• ---

Which CSS selector selects all

elements inside a

?

• p div

• div > p

• p inside div

• div p

Answer explanation

The selector 'div p' selects all

elements that are descendants of

elements. The other options either select

elements or are incorrectly formatted, making 'div p' the correct choice.

What is the difference between class selectors and ID selectors in CSS?

• Class selectors are more specific than ID selectors.

• ID selectors can target multiple elements.

• Class selectors can target multiple elements, while ID selectors target a single unique element.

• Class selectors can only target a single element.

Answer explanation

Class selectors (.) can apply styles to multiple elements, while ID selectors (#) are unique and can only target a single element. This distinction is crucial for effective CSS styling.

How do you apply a CSS style to an element with a specific class?

• Apply styles directly in the HTML using the style attribute, e.g., '

  '.

• Use the class selector in CSS, e.g., '.my-class { property: value; }'.

• Use inline styles in a separate CSS file, e.g., '.my-class { property: value; }' in a different file.

• Use the ID selector in CSS, e.g., '#my-id { property: value; }'.

Answer explanation

The correct way to apply a CSS style to an element with a specific class is by using the class selector in CSS, like '.my-class { property: value; }'. This method allows for cleaner and reusable styles compared to inline styles.

What is a media query in CSS?

• A media query in CSS is a JavaScript function.

• A media query in CSS is a method for optimizing server performance.

• A media query in CSS is a type of image format.

• A media query in CSS is a rule that applies styles based on device characteristics.

Answer explanation

A media query in CSS is a rule that allows developers to apply different styles based on device characteristics like screen size, resolution, and orientation, making web designs responsive and adaptable.

What is the purpose of responsive design in web development?

• To ensure websites load faster on all devices.

• To limit website access to desktop users only.

• To create a uniform design that does not adapt to screen sizes.

• The purpose of responsive design in web development is to create websites that work well on various devices and screen sizes.

Answer explanation

The correct choice highlights that responsive design aims to create websites that function effectively across different devices and screen sizes, ensuring a better user experience.

What does WCAG stand for in web accessibility?

• Web Content Accessibility Guidelines

• Web Compatibility Accessibility Guidelines

• Web Content Analysis Guidelines

• Web Communication Accessibility Guidelines

Answer explanation

WCAG stands for Web Content Accessibility Guidelines, which provide a framework for making web content more accessible to people with disabilities. The other options do not accurately reflect this standard.