Hamdan Khalifa Alsalmi - WebDev1 Study Guide

HTML Basics

HTML = content. CSS = style. Keep them separate.

HTML code example image
HTML code example.

CSS & Selectors

selector { property: value; }
CSS selectors example image
Type, class, id, descendant.

Accessibility

Accessibility contrast example image
Readable text vs weak contrast.

DOM & Rendering

  1. Browser gets HTML
  2. Parse to DOM
  3. Apply CSS/JS
  4. Render to screen
DOM notes example image
Simple DOM flow.

Lists & Tables

HTML Elements
ElementTypeSemantic
<div>BlockNo
<span>InlineNo
<header>BlockYes
<em>InlineYes
Table markup example image
Table markup.

Exam Checklist

Checklist code example image
Checklist sample.