HTML Fundamentals
Construct markup that uses metadata elements
script
noscript
style
link
meta tags
- encoding
- keywords
- viewport
- description
Construct well-formed page markup
- DOCTYPE declaration
html
head
body
- proper syntax
- closing tags
- commonly used symbols
CSS Fundamentals
Analyze and implement inline styles, internal (embedded) style sheet, and external style sheets
- when to use
- inline styles
- internal (embedded) style sheets
- external style sheets
- precedence when using a combination of inline styles and style sheets
- browser default styles
Construct and analyze rule sets
- valid syntax for CSS rule set
- selectors
class
id
elements
pseudo-class
descendent
Document Structure using HTML
Construct and analyze markup to structure content and organize data
- table tags
table
tr
- th
- td
h1-h6
p
br
hr
div
span
ul
ol
li
Construct and analyze markup that uses HTML5 sementic elements
semantic tagsheader
nav
section
article
aside
footer
details
summary
Construct and analyze markup that implements navigation
target
anchor (a href)
- bookmark
- relative vs absolute links
- navigation simple folder hierarchies
map
area
Construct and and analyze markup that uses form elements
- form attributes
- action
- method
- submission methods
- input types and restrictions
- select
- textarea
- button
- options
- label
Multimedia Presentation using HTML
Construct and analyze markup that displays images
img
picture
- and attributes
Construct and analyze markup that plays video and audio
video
audio
track
source
iframe
Webpage Styling using CSS
Construct and analyze styles that position content
- positioning
- float
- relative
- absolute
- static
- fixed
- max-width
- overflow
- height
- width
- align
- display
- inline vs block
- visibility
- box model
- margins
- padding
Construct and analyze styles that format text
font-family
color
font-style
font-weight
font-variant
link colors
- text formattting
- text alignment
- text decoration
- indentation
line-height
- word-wrap
- letter spacing
Construct and analyze styles that format backgrounds and borders
border-color
border-style
border-width
- background properties
- colors
Construct and analyze styles that create a simple responsive layout
- units of measurements
- percentages
- pixels
- em
- vw
- vh
- viewport
- media query
- frameworks
- templates
- working with breakpoints
- grids
Accessibility, Readability, and Testing
Construct well-formed HTML and CSS markup that conforms to industry best practices
- reusing rules and rule sets
- commenting
- web-based fonts
- cross-platform usability
- separation of structure (HTML) and style (CSS)
Apply accessibility principles and evaluate content accessibility
- 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
- syntax errors
- tag mismatch
- cascading issues