Separate Structure, Style and Behavior
Identify whether the requested change concerns meaning, visual presentation or an interactive response.
About 18 minutes, plus any extended practice
Supplied materials
- Paper and pencil; answers may also be spoken or typed.
- All cases, labels, numbers and rules are supplied on this page. No real account, private information or purchase is needed.
Learn the idea
A web page uses different layers. HTML describes structure and meaning, CSS describes presentation, and JavaScript can add behavior. These layers cooperate. A heading should be a heading structurally, not just large text. This paper task classifies page decisions without requiring a development account.
Identify whether the requested change concerns meaning, visual presentation or an interactive response. Making text large does not itself give the text heading semantics.
Use this supplied case: Mark a title as a heading. Classify the requested layer. Use the details in this example. Say which detail helped you choose. This pretend example does not tell us how every real system works.
- Follow the worked example one step at a time. Say or draw what happens.
- Identify whether the requested change concerns meaning, visual presentation or an interactive response.
- Say which detail makes the example answer fit. Pick another answer and say why it does not fit.
- Try the question and practice questions. Read the rule again if your answer does not match the explanation.
See the method in action
Mark a title as a heading. Classify the requested layer. The supported answer is HTML structure. Identify whether the requested change concerns meaning, visual presentation or an interactive response. Making text large does not itself give the text heading semantics. A web page uses different layers. The supplied facts, rather than an assumed real-world detail, determine this paper case. Compare the recorded action or value with the stated rule before choosing an answer.
Check your reasoning
Your answer is temporary and is not saved to an account. Download your current answer before leaving or reloading. Written work on paper or in another app stays in your own file.
Helpful tips
- Identify whether the requested change concerns meaning, visual presentation or an interactive response.
- Making text large does not itself give the text heading semantics.
See the answer and explanation
CSS presentation
The supplied case states: Set the heading’s font size. Classify the requested layer. Under the stated distinction, this identifies CSS presentation. A web page uses different layers. HTML describes structure and meaning, CSS describes presentation, and JavaScript can add behavior. These layers cooperate. A heading should be a heading structurally, not just large text. This paper task classifies page decisions without requiring a development account. Identify whether the requested change concerns meaning, visual presentation or an interactive response.
Take it further
A new page needs a structural heading, blue text, and a button response. Expected: HTML meaning, CSS presentation, and JavaScript behavior are separate concerns.
Nothing here is saved to an account or sent to a teacher. The answer download includes your current choice and any checked feedback. It does not include choices from the separate More practice section. Download that section separately.
More practice: try new cases
Choose an answer for each problem. Explain your method on paper, then use the feedback to decide what to revisit.
Your choices are temporary. Feedback appears after you check all the answers.
Nothing here is saved to an account or sent to a teacher. Keep your own notes or download them before leaving. The score describes these questions; it does not certify subject mastery.
Check the subject sources
These LifeStarter passages, scenarios and exercises are authored for this Academy with AI assistance and review. External resources keep their publishers’ terms. A grade label suggests a starting level; it does not establish alignment with your school’s complete requirements.