HTML Basics

---

The "frontend" of a webpage consists of:

• HTML = HyperText Markup Language
• content

• content CSS = Cascading Style Sheet
  • style

• JS = Javascript
• interactivity

Vocabulary & Syntax

• elements have the following syntax: <tag attribute="value">content</tag>

Block vs. Inline

• block-level elements always starts on a new line and take up the full width available

• inline-elements do not start on a new line and only takes up as much width as necessary

Block-level elements

• heading: <h1></h1> through <h6></h6>

• horizontal rule (line): <hr>

• paragraph: <p></p>

• ordered list: <ol></ol>

• unordered list: <ul></ul>

• list item: <li></li>

• form: <form></form>

• div (container): <div></div>

Incline Elements

• Line Break: <br>
• Image: <img src="URL">
• Link (Anchor): <a href="URL"></a>
• Code: <code></code>
• Bold: <strong></strong>
• Italicized: <em></em>
• Span (Container): <span></span>