Skip to content

Latest commit

 

History

History
35 lines (31 loc) · 987 Bytes

index.md

File metadata and controls

35 lines (31 loc) · 987 Bytes

HTML Basics


The "frontend" of a webpage consists of:

  • HTML = HyperText Markup Language
    • 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 start 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>

Inline 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>