OIM3690 - Web Technologies

2025 Spring

Session 08 (2/13)

contain

Today's Agenda

  • Welcome/News/Announcements
  • Review
  • Validate Your Pages
  • Session 08 - Tables

Welcome/News/Announcements

  • Quiz 0 Grades posted on Canvas
  • Office Hours
    • By appointment: in-person (preferred) or Webex (please specify)
    • VSCode extension - Live Share
  • Graded Homework 1 due 2/14 Friday
    • Please create hw1-reflection.md using Markdown format.
  • Communications:
    • Meet with me in person during office hours at least once this semester.
    • Email - specify course # in subject title, e.g., "OIM3690: GitHub settings"
    • Use Slack/GitHub when asking code-related questions
  • Questions?

What we have learned so far...

  • HTML
    • Basic tags, images, links, lists, id, class, div, span, ...
    • Block-level elements vs. inline elements
  • CSS
    • Syntax
    • Box model
    • Selectors - basic, advanced, pseudo-elements ::, pseudo-class :
    • internal vs. external vs. inline

Quick Quiz

  • Correct? <link rel="stylesheet" src="xxx.css" />
  • How do we stylize an element, say h1, when cursor is placed above it?
  • Is the code below selecting all ps and all spans with class="red" ?
    p span.red {color: red; }
  • Block-level element or inline element?
    • div
    • span
    • ol/ul
    • li
    • img
  • How do we create a square shape and a circle shape using HTML and CSS?

Validate Your Pages

Session 08