Skip to content
Case Problems · Q11

Q.A student is building a simple website for her school with a Home page, an Admissions page, and a Contact page. She wants

(a) every page to have exactly the same colours and fonts with minimum effort, and
(b) a way for visitors on the Home page to jump to the Admissions page with a click. Which HTML/CSS features should she use for each?
Maharashtra MsbshseTextbookSubjectiveImportance★★★★★est
92% · 11/12 Questions
✓ Free question

The case describes two separate needs, each solved by a specific feature.

(a) Same colours and fonts on every page with minimum effort — the right tool is external CSS. She writes all the styling once in a single .css file (say style.css) and links it into every page with a <link> tag in the <head>:

<head>
  <link rel="stylesheet" href="style.css">
</head>

Because all three pages share the same file, they automatically look identical, and if she later wants to change a colour she changes it in one place and every page updates. (Inline or internal CSS would force her to repeat the styling on each page, which is more effort and risks inconsistency.)

(b) Jumping from the Home page to the Admissions page with a click — the right tool is a hyperlink made with the anchor tag <a>, whose href attribute points to the Admissions page:

<a href="admissions.html">Admissions</a>

Clicking the word "Admissions" then opens the admissions.html page.

✓Final answer

(a) External CSS — write the styling once in a single .css file and link it into all three pages with <link rel="stylesheet" href="style.css"> so they share one consistent look and can be updated in one place. (b) A hyperlink using the anchor tag: <a href="admissions.html">Admissions</a>, which takes the visitor to the Admissions page on click.

Unlock everything free for 14 days

  • Full step-by-step solutions
  • Concept-first explanations
  • Methods, shortcuts & mistakes
  • PYQ mapping + timed mock tests

Full access for 14 days. No credit card required.