HTML

• Hierarchy of HTML tags

    ![HTMLHierarchy.jpg](<https://s3-us-west-2.amazonaws.com/secure.notion-static.com/67912d84-659e-427e-b1bf-5e3f74766b21/HTMLHierarchy.jpg>)
  

• Container Tags

    ![HTMLContainers.jpg](<https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a15c9ce5-4acc-4490-b5f7-28e35d67dfdc/HTMLContainers.jpg>)
  

  • <main> contains section, article, and aside.
    • <main> contains all the main content of the webpage.
    • <section> are blocks of primary content
    • <article> are small, independent blocks of secondary content.
    • <aside> are minor tertiary content that’s set aside from the main content.
  • Use <div> and <span> for low-level containers.
    • <div> Creates a new block for the container.
    • <span> Creates the container inline.