HTML5 and CSS3

Our HTML5 and CSS3 course and exam are based on the following Intended Learning Outcomes (ILOs):

HTML Fundamentals

Candidates can:

Construct markup that uses the following metadata elements:

  • script, noscript, style, link, meta tags (encoding, keywords, viewport, and description)

Construct well-formed page markup, using:

  • DOCTYPE declaration, html, head, body, proper syntax, closing tags and commonly used symbols

CSS Fundamentals

Candidates can:

Analyze and implement inline styles, internal (embedded) style sheets, and external style sheets, taking into account:

  • When to use inline styles, internal (embedded) style sheets, or external style sheets; precedence when using a combination of inline styles and style sheets; browser default style

Construct and analyze rule sets, using:

  • Valid syntax for the CSS rule set, selectors (class, id, elements, pseudo-class and descendent)

Document Structure using HTML

Candidates can:

Construct and analyze markup to structure content and organize data, using:

  • Table tags (table, tr, th, td), h1-h6, p, br, hr, div, span, ul, ol, li

Construct and analyze markup that uses the following HTML5 semantic elements:

  • header, nav, section, article, aside, footer, details, summary, figure, caption

Construct and analyze markup that implements navigation, using:

  • target, anchor (a href), bookmark, relative vs. absolute links, navigation of simple folder hierarchies, map, area

Construct and analyze markup that uses the following form elements:

  • Form attributes, action, method, submission methods, input types and restrictions, select, textarea, button, option, label

Multimedia Presentation using HTML

Candidates can:

Construct and analyze markup that displays images, using:

  • img and picture elements and their attributes

Construct and analyze markup that plays video and audio, using:

  • video, audio, track, source, iframe

Webpage Styling using CSS

Candidates can:

Construct and analyze styles that position content, using:

  • Positioning (float, relative, absolute, static, and fixed), max-width, overflow, height, width, align, display, inline vs. block, visibility, box model, margins and padding

Construct and analyze styles that format text, using:

  • font-family, color, font-style, font-size, font-weight, font-variant, link colors, text formatting, text alignment, text decoration, indentation, line-height, word-wrap, and letter-spacing

Construct and analyze styles that format backgrounds and borders, using:

  • border-color, border-style, border-width, background properties, colors

Construct and analyze styles that create a simple responsive layout, using:

  • Units of measurement (percentages, pixels, em, vw, vh), viewport and media query, frameworks and templates, working with breakpoints, grids

Accessibility, Readability, and Testing

Candidates can:

Construct well-formed HTML and CSS markup that conforms to the following industry best practices:

  • Reusing rules and rule sets, commenting, web-safe fonts, cross-platform usability, separation of structure (HTML) and style (CSS)

Apply accessibility principles and evaluate content accessibility, using:

  • Text alternatives, color contrast and usage, legibility of typography, tab order, text resizing, text hierarchy, translate

Evaluate the structural integrity of HTML and CSS markup to identify:

  • Syntax errors, tag mismatch, cascading issues

This is one of the four exams you need to pass (or for which you must obtain a waiver) to earn the stackable CFSD® certificate.


 

Scroll to Top