IT Specialist

DONT ADD ANYTHING HERE!

HTML Fundamentals

Construct markup that uses metadata elements

  1. script
  2. noscript
  3. style
  4. link
  5. meta tags
    1. encoding
    2. keywords
    3. viewport
    4. description

Construct well-formed page markup

  1. DOCTYPE declaration
  2. html
  3. head
  4. body
  5. proper syntax
  6. closing tags
  7. commonly used symbols

CSS Fundamentals

Analyze and implement inline styles, internal (embedded) style sheet, and external style sheets

  1. when to use
    1. inline styles
    2. internal (embedded) style sheets
    3. external style sheets
  2. precedence when using a combination of inline styles and style sheets
  3. browser default styles

Construct and analyze rule sets

  1. valid syntax for CSS rule set
  2. selectors
    1. class
    2. id
    3. elements
    4. pseudo-class
    5. descendent

Document Structure using HTML

Construct and analyze markup to structure content and organize data

  1. table tags
    1. table
    2. tr
    3. th
    4. td
  2. h1-h6
  3. p
  4. br
  5. hr
  6. div
  7. span
  8. ul
  9. ol
  10. li

Construct and analyze markup that uses HTML5 sementic elements

semantic tags
  1. header
  2. nav
  3. section
  4. article
  5. aside
  6. footer
  7. details
  8. summary

Construct and analyze markup that implements navigation

  1. target
  2. anchor (a href)
  3. bookmark
  4. relative vs absolute links
  5. navigation simple folder hierarchies
  6. map
  7. area

Construct and and analyze markup that uses form elements

  1. form attributes
  2. action
  3. method
  4. submission methods
  5. input types and restrictions
  6. select
  7. textarea
  8. button
  9. options
  10. label

Multimedia Presentation using HTML

Construct and analyze markup that displays images

  1. img
  2. picture
  3. and attributes

Construct and analyze markup that plays video and audio

  1. video
  2. audio
  3. track
  4. source
  5. iframe

Webpage Styling using CSS

Construct and analyze styles that position content

  1. positioning
    1. float
    2. relative
    3. absolute
    4. static
    5. fixed
  2. max-width
  3. overflow
  4. height
  5. width
  6. align
  7. display
  8. inline vs block
  9. visibility
  10. box model
  11. margins
  12. padding

Construct and analyze styles that format text

  1. font-family
  2. color
  3. font-style
  4. font-weight
  5. font-variant
  6. link colors
  7. text formattting
  8. text alignment
  9. text decoration
  10. indentation
  11. line-height
  12. word-wrap
  13. letter spacing

Construct and analyze styles that format backgrounds and borders

  1. border-color
  2. border-style
  3. border-width
  4. background properties
  5. colors

Construct and analyze styles that create a simple responsive layout

  1. units of measurements
    1. percentages
    2. pixels
    3. em
    4. vw
    5. vh
  2. viewport
  3. media query
  4. frameworks
  5. templates
  6. working with breakpoints
  7. grids

Accessibility, Readability, and Testing

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

  1. reusing rules and rule sets
  2. commenting
  3. web-based fonts
  4. cross-platform usability
  5. separation of structure (HTML) and style (CSS)

Apply accessibility principles and evaluate content accessibility

  1. text alternatives
  2. color contrast and usage
  3. legibility of typography
  4. tab order
  5. text resizing
  6. text hierarchy
  7. translate

Evaluate the structural integrity of HTML and CSS markup

  1. syntax errors
  2. tag mismatch
  3. cascading issues