notes.md

Notes

Day 1

<div class="first second">The content</div>

• HTML tags
  • div
  • span
  • h1 - h6
  • p
  • ol
  • ul
  • li

selector {
  property: value;
}

• CSS properties

  • margin
  • border
  • padding
  • color
  • font-size
  • background

• You can generate the basic structure of an HTML file with html:5 in VS Code

• You should write your styles in the style tag which should be in the head

• You should write the visible content in the body tag

• Form tags

  • form
  • input
    • type="text"
    • type="password"
    • type="checkbox"
    • type="radio"
  • textarea
  • button
    • type="submit"

Day 2

• Examples of the morning
• To link your CSS file you can use link:css in the head part of your HTML file <link rel="stylesheet" href="style.css">
  • The href attribute's value should be the path of the CSS file
• You can create links using the a tag with the href attribute <a href="https://google.com">Google</a>
• You can create images using the img tag with the src attribute