Back to the full dot-point answer
NSWSoftware EngineeringQuick questions
Module 2: Programming for the Web
Quick questions on HTML and CSS for the front-end explained: HSC Software Engineering Module 2
10short Q&A pairs drawn directly from our worked dot-point answer. For full context and worked exam questions, read the parent dot-point page.
What is hTML?Show answer
HTML marks up content with elements. Semantic elements describe what the content is, not what it looks like:
What is cSS?Show answer
CSS targets HTML elements with selectors and applies declarations:
What is the box model?Show answer
Every element is a rectangular box made of content, padding, border and margin. Setting box-sizing: border-box makes width and height include padding and border, which is almost always what you want:
What is responsive design?Show answer
Phones, tablets and desktops have very different viewports. Three tools:
What is modern layout?Show answer
Flexbox for one-dimensional layout (rows or columns):
What is accessibility?Show answer
Semantic markup is the first step. Also:
What is forgetting the viewport meta tag?Show answer
Without it, mobile browsers zoom out to fit a desktop layout, defeating responsive CSS.
What is hard-coding pixel widths everywhere?Show answer
Fluid layouts use %, rem, vw, max-width and let content reflow.
What is using inline styles instead of a stylesheet?Show answer
Inline styles are hard to maintain and override; use a CSS file and target elements with selectors.
What is skipping <label> on form inputs?Show answer
Without it, screen reader users do not know what the field is for. :::