html-css-workshop

Nearly every project built for the web relies on HTML, as its foundation. It defines the structure of a page, while CSS defines its style. HTML and CSS are the beginning of everything that we need to know to make our first web page.

Table of Contents

• HTML
• CSS

Editor

• Visual Studio Code - This is what I typically use. It's open source and has tons of extensions available.

• There's a bunch of others listed here, I just listed the ones I've used and liked!

HTML Contents

• Get to grips with the basic features of HTML5 and CSS3

  • HTML5 Semantic Elements

    • Non-Semantic Elements

      • Tells nothing about its content

    • Semantic Elements

      • Clearly defines its content

    • Main

    • Section

    • Header

    • Nav

    • Article

    • Aside

    • Footer

  • Headings

  • Paragraph

  • Block Elements

  • Inline Elements

  • Special Characters

  • Lists

  • Forms

  • Images

  • Video

CSS Contents

• Basic

• Selectors

• Inheritance

• Specificity

• Colors

• Unit / Values

• Typography

• Box-Model

• Display

• Floats

• Positions

• Z-Index

• Backgrounds

• Gradients

• Before and After

• Transforms

• Transitions

• Animations

• Media Queries

• Flexbox

• Grids

Actually, now the end is here, thanks for reading!