frontend development using react coursera week 1 quiz answers

Introduction to HTML - Practice Quiz 1

1. Which of the following tags is used to define a heading in HTML?

  • <p>
  • <h1>
  • <img>
  • <form>

2. Which HTML tag is used to create a checkbox input element in a form?

  • <input type=”text”>
  • <input type=”radio”>
  • <input type=”checkbox”>
  • <input type=”submit”>

3. Which HTML tag is used to define a frame in web development?

  • <frame>
  • <img>
  • <form>
  • <input>

4. Which HTML tag is used to define an image in web development?

  • <image>
  • <img>
  • <picture>
  • <img src=”…”>

5. Which HTML tag is used to embed an SVG (Scalable Vector Graphics) image in a web page?

  • <img>
  • <svg>
  • <form>

Introduction to HTML- Practice Quiz 2

6. Which HTML tag is used to define an unordered list in HTML?

  • <ol>
  • <dl>
  • <ul>
  • <li>

7. Which HTML tag is used to create a hyperlink in HTML?

  • <a>
  • <img>
  • <form>
  • <link>

8. Which HTML tag is used to define a table in HTML?

  • <table>
  • <list>
  • <ul>
  • <ol>

9. Which HTML tag is used to define a semantic element in HTML?

  • <div>
  • <article>
  • <span>
  • <p>

10. Which HTML tag is used to define metadata for an HTML document, such as character encoding and viewport settings?

  • <link>
  • <img>
  • <head>
  • <body>

CSS Basics- Practice Quiz

11. What is CSS?

  • A programming language used for server-side scripting.
  • A markup language used for creating web pages.
  • To describe the look and formatting of a document written in HTML.
  • A database management system used for storing and retrieving data.

12. What is the syntax of CSS?

  • Scripted language with complex syntax rules.
  • Cascading Style Sheets with rules written in plain English.
  • Cascading Style Sheets with rules written in a selector followed by a declaration block.
  • Cascading Style Sheets with rules written in a declaration block followed by a selector.

13. What is the purpose of CSS in web development?

  • To define the structure and layout of a web page.
  • To store and retrieve data from a database.
  • To describe the look and formatting of a document written in HTML.
  • To define the behavior and functionality of a web page.

CSS Pseudo class selectors- Practice Quiz

14. Which of the following is a pseudo-class selector in CSS?

  • ::before
  • #id
  • .class
  • element

15. Which of the following is a pseudo-element selector in CSS?

  • :hover
  • :before
  • [attribute=value]
  • + selector

16. What is the purpose of attribute selectors in CSS?

  • To select elements based on their class names.
  • To select elements based on their IDs.
  • To select elements based on their tag names.
  • To select elements based on their attribute values.

17. Which CSS property is used to define the font style, weight, size, and family of text in an element?

  • display
  • position
  • font
  • float

18. Which CSS property is used to control the position of an element on a web page?

  • max-width
  • margin
  • float
  • position

CSS Design- Practice Quiz

19. What is the purpose of the "name" attribute in an HTML form input element?

  • To specify the label for the input field.
  • To define the type of input field.
  • To provide a unique identifier for the input field.
  • To set a default value for the input field.

20. What CSS property is used to set the background color of an element?

  • text-color
  • background-color
  • border-color
  • color

21. What CSS property is used to specify how an element's box should be sized, including padding and border?

  • padding
  • box-sizing
  • margin
  • border-width

22. What CSS property is used to set the style of an element's text, such as bold, italic, or underline?

  • text-decoration
  • font-size
  • font-style
  • font-weight

HTML & CSS Graded Quiz

23. What is the default value of the flex-direction property in CSS flexbox?

  • row
  • column
  • row with the ltr (left-to-right) direction or row-reverse with the rtl (right-to-left) direction, depending on the writing mode
  • column with the rtl (right-to-left) direction or column-reverse with the ltr (left-to-right) direction, depending on the writing mode

24. Which CSS property is used to define the background gradient of an element?

  • background-color
  • background-image
  • gradient-color
  • background-gradient

25. Which CSS property is used to apply a 2D transformation to an element?

  • transform-2d
  • 2d-transform
  • transform
  • 2d

26. Which CSS property is used to define the duration of a transition effect?

  • transition-effect-duration
  • transition-time
  • transition-duration
  • duration

27. Which CSS property is used to apply an animation to an element?

  • animate
  • animation-duration
  • animation-property
  • animation

28. Which CSS feature allows you to apply styles based on the device's screen size?

  • Media queries
  • Device queries
  • Screen queries
  • Size queries

29. Which of the following is NOT a valid value for the "display" property in CSS?

  • block
  • inline
  • grid
  • space

30. Which property is used to set the background color of an element in CSS?

  • color
  • background-color
  • font-color
  • background

31. Which CSS property is used to specify the size of an element's font?

  • font-family
  • font-size
  • font-weight
  • font-style

32. Which of the following is a correct syntax for using the "transition" property in CSS?

  • transition: 1s all ease;
  • transition: all ease 1s;
  • transition: all 1s ease-in-out;
  • transition: all ease-in-out 1s;

33. Which CSS property is used to create a border around an element?

  • border
  • border-color
  • border-width
  • border-style

34. Which of the following properties can be used to create a background gradient in CSS?

  • background-color
  • background-image
  • background
  • gradient-color

35. Which of the following CSS properties can be used to set the opacity of an element?

  • opacity
  • transparent
  • visibility
  • display

36. Which CSS property is used to change the order of flex items in a flex container?

  • justify-content
  • align-items
  • order
  • flex-wrap

37. Which property is used to rotate an element in 3D space?

  • transform-origin
  • transform
  • transition
  • animation

38. Which property is used to specify the number of columns an element should be divided into?

  • grid-template-columns
  • flex-wrap
  • column-count
  • columns

39. What is the purpose of CSS variables?

  • To define media queries.
  • To create page layouts with multiple columns.
  • To apply animation effects to elements.
  • To store and reuse values throughout a CSS stylesheet.

40. Which of the following CSS properties can be used to create a drop shadow effect for an element?

  • box-shadow
  • text-shadow
  • shadow-effect
  • drop-shadow

41. Which of the following CSS selectors will select all elements with the class "example"?

  • #example
  • .example
  • *example
  • example

42. Which of the following CSS properties is used to set the background color of an element?

  • border-color
  • color
  • background-color
  • fill-color

Leave a Reply