1. Question 1

Why does one element NOT reflect external CSS?

❌ Internal CSS
❌ Whichever way HTML specifies
✅ Inline CSS
❌ External CSS

Explanation:

Inline CSS has the highest specificity and overrides external styles.

---

2. Question 2 — Behavior of fixed vs fluid layouts (Select all)

❌ Fluid layouts use pixels
✅ Fluid layouts use relative units
✅ Fixed layouts do not change dimensions
❌ Fixed layouts adapt automatically

Explanation:

Fluid layouts = %, vw, em
Fixed layouts = fixed pixel widths

---

3. Question 3

Form field shows placeholder text that disappears on focus → what’s the issue?

❌ Missing required attribute
❌ Unsupported input type
❌ Wrong email format
✅ Value has been incorrectly set instead of placeholder

But given the exact options, the correct intended answer is:

👉 The field misses required attributes ❌ (not the issue)
👉 Correct answer based on HTML behavior: The placeholder disappears on focus, meaning the designer incorrectly used value instead of placeholder, but since the test option is not present, the logically correct one from given options is:

❌ Unsupportive color type
❌ tel only
❌ Wrong email format
✅ The field misses required attributes (closest match)

---

⚠️ Correct answer from provided options:

✅ The field misses required attributes

---

4. Question 4

Tailwind hover style modifies button appearance:

❌ Modify CSS normally
✅ A special class that applies styling based on a condition (e.g., hover:)
❌ JS class
❌ Type of button

Explanation:

Tailwind uses variants like hover:bg-blue-600 to apply styles.

---

5. Question 5

Tag for indirectly related content:

❌ section
❌ details
❌ article
✅ aside

Explanation:

<aside> is for side content related indirectly to the main content.

---

6. Question 6

Form shows dropdown suggestions → which attribute?

❌ number
❌ tel
✅ list
❌ range

Explanation:

The list attribute pairs with <datalist> to provide suggestions.

---

7. Question 7

Bootstrap limitations (Select all that apply):

✅ HTML becomes cluttered with many classes
✅ Pre-built elements limit customization
❌ Maintaining visual consistency becomes harder (actually Bootstrap improves consistency)
✅ HTML file size becomes bloated

---

8. Question 8

Tag for independent, meaningful content:

❌ details
❌ div
❌ section
✅ article

Explanation:

<article> represents standalone content.

---

9. Question 9

Technology needed for structure + accessibility + SEO:

❌ JavaScript
✅ HTML
❌ CSS
❌ Flash

Explanation:

HTML provides the semantic structure that search engines index.

---

10. Question 10

Which element for bottom of webpage?

❌ Header
✅ Footer
❌ Figure
❌ Figcaption

---

🧾 SUMMARY TABLE

---