OIM3690 - Web Technologies

2025 Spring

Session 07 (2/11)

contain

Today's Agenda

Welcome/News/Announcements

  • Office Hours
    • By appointment: in-person (preferred) or Webex (please specify)
    • VSCode extension - Live Share
  • Graded Homework 1 due 2/14 Friday
  • 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, ...
  • CSS
    • Syntax
    • Box model
    • Block-level elements vs. inline elements
    • position

Quiz 0

CSS Recommendations

Session 07

--- # Quick Quiz 1) How do we select all the `<p>` with `class="blue"` in CSS? 2) ```html <body> <p id="fun">...</p> </body> ``` Is selector **`p#fun`** the same as **`#fun`**? 3) **Block-level** element or **inline** element? 1) `div` 2) `span` 3) `ol`/`ul` 4) `li` 5) `img` 4) How do we create a **square** shape and a **circle** shape using HTML and CSS?