Assignment 1: Intro HTML

Semantic Sections

This page uses <section>, <aside>, and <footer> to demonstrate the layout.

This paragraph can be modified (it uses contenteditable).

Click here and edit text. (This is not saved anywhere yet.)

Code Snippet

Use <code> for inline code, and wrap it in <pre> when making a block snippet.

// Example JS (display-only)
const greet = (name) => `Hello ${name}!`;
          

Image + Buttons

Placeholder banner image used to practice the img element
Image design/style is usually controlled with CSS (e.g., border-radius).

Forms (Email Placeholders)

Placeholder is a hint, not a label.

The <selectedcontent> element is experimental.