14 concept sets for Web Development Foundations. Every question is written by us and checked against the official web standards — we do not publish exam content. Answer them in the page and read why each option is right or wrong.
Studying the whole course? Start with the full WGU D276 study guide.
The five lines at the top of every HTML file are not decoration. Here is what the doctype, the html/head/body split, meta charset, and the viewport tag each do — why the browser misbehaves when you leave one out, and how to reason about the cases that trip people up.
Semantic structure tags describe what a block of content is, not how it looks. This lesson explains the difference between article, section, aside, main, nav, header and footer — including the syndication test that settles article vs. section, the strict placement rules for main, and how header and footer change meaning depending on where they sit — then gives you practice questions with worked explanations.
Heading elements rank content instead of sizing it, strong and em carry meaning that b and i do not, a fragment link points at an element's id, and ul, ol, and dl each describe a different kind of grouping. Work through how each one behaves, then test yourself on the cases people actually get wrong.
An image starts with one element and one honest description. From there, srcset, sizes, and picture answer a single question: which file should the browser download on this screen? This guide walks through alt text, figure and figcaption, resolution switching, and art direction, then gives you six practice questions with full explanations.
The audio and video elements embed media without a plugin. Learn how the browser chooses among source children, which MIME types to use for MP4, WebM, and MP3, what controls and preload actually do, and why fallback content between the tags is not an error message. Includes practice questions with full explanations.
A plain-English walkthrough of HTML table markup for WGU D276: how table, caption, thead, tbody, tr, th and td nest, what the scope attribute actually does for assistive technology, and how colspan and rowspan reshape the grid — plus practice questions with worked explanations.
A form's action says where the data goes and its method says how it travels there. Work through the pieces that carry the data — name attributes, input types, labels tied to ids, select options, textarea content and the button that submits it all — then test yourself on the details that trip people up.
Built-in HTML validation and accessible labeling are two halves of the same job. Learn exactly how required, pattern, and type constraints fire, why an empty field usually passes, how label association really works, and where fieldset, legend, and ARIA attributes belong — then test yourself with explained practice questions.
Specificity is the three-column score browsers use to settle conflicts between CSS rules: ID, class, type. Learn what each selector is worth, why combinators and the universal selector add nothing, and how to compare two competing rules column by column — then check yourself with six practice questions.
Every element is four nested rectangles: content, padding, border, and margin. Understand how width is calculated in each box-sizing mode, why margin never counts toward an element's size, and when adjoining vertical margins collapse into one — then test yourself with six practice questions and full explanations.
Block or inline decides how a box flows; static, relative, absolute, fixed, or sticky decides what its coordinates are measured against. This guide walks through all five position values, the containing block rules that trip people up, and why z-index compares only inside a single stacking context — then gives you six practice questions with full explanations.
The main axis is whichever direction your flex items flow, and the cross axis runs perpendicular to it. justify-content moves items along the main axis; align-items moves them along the cross axis. See how flex-direction flips those roles, how grid separates track alignment from item alignment, how grid-template-columns builds a column track list, and when each method is the right tool.
Hex, rgb() and hsl() notations, the background shorthand's reset behavior, font-family fallback stacks, em vs rem, and the difference between text styles that inherit and box styles that don't — taught plainly, then tested with six original practice questions written from the CSS specification and MDN.
Responsive design rests on three pieces working together: the viewport meta tag, relative units, and min-width media queries. Learn how mobile-first breakpoints actually cascade, why em resolves differently inside a media query than in a rule, and how clamp() and fluid grids cut your breakpoint count — then check yourself with six practice questions.