Skip to content

Module Quiz: Introduction to HTML and CSS :Introduction to Front-End Development (Meta Front-End Developer Professional Certificate) Answers 2025

  1. Which two elements should be added to the html element to make the structure of an HTML document?
    ✔ <!DOCTYPE html>
    ✔ <head>
    ❌ <body>
    ❌ <p>
    ❌ <div>

  2. When using the anchor tag <a>, which attribute determines where the hyperlink links to?
    ✔ href
    ❌ link
    ❌ src

  3. When adding an image to a web page, which of the following is the correct HTML tag?
    ✔ <img>
    ❌ <image>
    ❌ <link>

  4. How many columns exist on the following HTML table?
    ✔ 2 columns
    ❌ 1 column
    ❌ 3 columns

  5. When an HTML form is submitted to a web server, which HTTP methods can be used? (Select all that apply)
    ✔ POST
    ✔ GET
    ❌ DELETE
    ❌ PUT

  6. Which CSS selectors can select the h1 element for the following HTML code?

<h1 id="title">Welcome</h1>

✔ Element Selector
✔ ID Selector
❌ Class Selector
❌ Descendant Selector

  1. In the following CSS code, what is the color keyword?

h1 {
color: purple;
}

✔ CSS Property
❌ CSS Selector
❌ CSS Rule
❌ CSS Attribute

  1. Based on the following CSS, what will the margin-box width be for div elements?

div {
width: 10px;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
margin-right: 5px;
}

✔ 30 pixels
❌ 10 pixels
❌ 20 pixels
❌ 40 pixels

  1. In document flow, block-level elements always start on a new line.
    ✔ True
    ❌ False

  2. Based on the following CSS code, how will the text be aligned for the p element?

p {
text-align: justify;
}

✔ The text will be spread out so that every line of the text has the same width within the p element.
❌ The text will be centered inside the p element.
❌ The text will be aligned to the right of the p element.
❌ The text will be aligned to the left of the p element.

📄 Summary

Question Answer Notes / Summary
Q1 <!DOCTYPE html>, <head> Minimum structure for HTML document includes the DOCTYPE and head elements.
Q2 href The href attribute specifies the URL of the link.
Q3 <img> <img> is the correct tag to embed an image.
Q4 2 columns Table has 2 <td> elements per row, so 2 columns.
Q5 POST, GET Forms can submit using POST or GET methods.
Q6 Element Selector, ID Selector h1 can be selected directly or via its ID.
Q7 CSS Property “color” is the CSS property being set.
Q8 30 pixels Total width = width + padding-left + padding-right + margin-left + margin-right = 10 + 5 + 5 + 5 + 5 = 30px.
Q9 True Block-level elements always start on a new line.
Q10 Justify Text-align: justify spreads text to fill the width of the container.