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"/>