Coding Websites with HTML/CSS Workshop Curriculum Day 2

Code

HTML


<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <h1>Hello World!</h1>
        <p>Some paragraph text</p>
        <!-- an html comment -->
    </body>
</html>

Opening and closing tags-

< > </ >

Commonly used tags-

<div></div> <p></p> <h1></h1> <a></a> <span></span>

Self-closing tags-

<img/> <link/> <br/> <meta/>

CSS


.some-class { property: modifier; }
#some-id { property: modifier; }
/* CSS comment */
  • Class vs Id
  • Pixels vs Percentages

Images


Formats

  • .png
  • .jpg
  • .jpeg
  • .svg
  • .gif

Sources

  • Unsplash
  • iStock
  • Pexels
  • Creative Commons
  • Vecteezy
  • Giphy

Editors

  • Pixlr
  • Adobe Photoshop
<img src="https://www.cesarsway.com/sites/newcesarsway/files/styles/large_article_preview/public/Dog-bite-prevention.jpg?itok=3N2KTNkP" alt="Dog"/>