HTML and CSS Bootcamp

What is the purpose of HTML tags?

• used for cooking recipes

• meant for interstellar communication

• designed for underwater navigation

• to structure and format content on web pages.

Explain the difference between class and ID selectors in CSS.

• Class selectors -unique element,

  ID selectors -multiple elements with the same class.

• Class selectors -styling HTML elements,

  ID selectors -JavaScript functions.

• Class selectors have higher specificity than ID selectors in CSS.

• Class selectors -multiple elements with the same class,

  ID selectors -a single unique element.

How can you make a website responsive using CSS?

• Set a fixed width for all elements on the website.

• Use media queries in CSS

• Apply inline styles

• Use JavaScript instead of CSS

Define the term 'semantic HTML'.

• Semantic HTML is the use of HTML markup to enhance the visual appearance of web documents.

• Semantic HTML refers to the use of CSS to structure web documents.

• Semantic HTML is a programming language used for web development.

• Semantic HTML is the use of HTML markup to reinforce the meaning of the information in web documents.

What is the role of the

tag in HTML?

• Creates a new webpage

• Defines the styling of the webpage

• Groups HTML elements together

• Adds interactivity to the webpage

Name a CSS property used for changing the font size of text.

• font-size

• text-size

• font-weight

• font-style

What is the CSS box model and how does it work?

• tool for creating 3D effects on web pages.

• mathematical equation used to calculate element dimensions.

• type of packaging used for shipping web elements.

• describes the design and layout of elements on a web page.

Describe the concept of media queries in CSS.

• Media queries in CSS are used to apply different styles based on the browser's language settings.

• Media queries in CSS are used to apply different styles based on the characteristics of the device the content is being displayed on.

• Media queries in CSS are used to apply styles based on the user's location.

• Media queries in CSS are only applicable to desktop devices.

What is the significance of the 'viewport' meta tag in HTML?

• to make their websites responsive and mobile-friendly.

• It changes the font style of the website

• It adds a background image to the website

• It increases the loading speed of the website

Explain the difference between margin and padding in CSS.

• Margin is outside the border, padding is inside the border.

• Margin is inside the border, padding is outside the border.

• Margin and padding are used interchangeably in CSS.

• Margin and padding are the same thing.