<!DOCTYPE html> <html> <head></head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <p>Paragraph</p>
</body> </html>
HTML
<!DOCTYPE html> <html> <head></head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <p>Paragraph</p>
</body> </html>
HTML
<!DOCTYPE html> <html> <head></head> <body> <h1>Heading 1</h1> <p>paragraph paragraph</p> <h2>Heading 2</h2> <p>paragraph paragraph</p> <h3>Heading 3</h3> <p>paragraph paragraph</p>
</body> </html>
HTML
<!DOCTYPE html> <html> <head></head> <body> <h1>Heading 1</h1> <p><i>paragraph paragraph</i></p> <h2>Heading 2</h2> <p><b>paragraph paragraph</b></p> <h3>Heading 3</h3> <p>paragraph<br />paragraph</p>
</body> </html>
HTML
<!DOCTYPE html> <html> <head></head> <body> <h1>Heading 1</h1> <p><i>paragraph paragraph</i></p> <h2>Heading 2</h2> <p><b>paragraph paragraph</b></p> <h3>Heading 3</h3> <p>paragraph<br />paragraph</p>
</body> </html>
HTML
<!DOCTYPE html> <html> <head></head> <body> <h1>Heading 1</h1> <p class=“paragraph” id=“a”>paragraph</p>
<h2>Heading 2</h2> <p class=“paragraph” id=“b”>paragraph </p>
<h3>Heading 3</h3> <p class=“paragraph” id=“c”>paragraph</p>
</body> </html>
HTML
<!DOCTYPE html> <html> <head></head> <body> <div id=“header”> <h1>Heading 1</h1> <p class=“paragraph” id=“a”>paragraph</p>
</div>
<div id=“content”> <h2>Heading 2</h2> <p class=“paragraph” id=“b”>paragraph </p>
<h3>Heading 3</h3> <p class=“paragraph” id=“c”>paragraph</p>
</div> </body>
</html>
HTML
<!DOCTYPE html> <html> <head></head> <body> <div id=“header”> <h1>Heading 1</h1> <p class=“paragraph” id=“a”>paragraph</p>
</div>
<div id=“content”> <h2>Heading 2</h2> <p class=“paragraph” id=“b”>paragraph </p>
<h3>Heading 3</h3> <p class=“paragraph” id=“c”>paragraph</p>
</div> </body>
</html>
HTML
<!DOCTYPE html> <html> <head> <link href=“/path/style.css” type=“text/css” rel=“stlyesheet” /> <!- - or - !" <style> /* styles go here */
</style> </head> <body> </body>
</html>
HTML
USING IT
* { font-family: Helvetica, Arial, sans; } h1 { font-family: “Cooper Black”; } i { color: green; } i { color: red; } b { color: pink; } p b { color: blue !important } p b { color: violet; }
p#intro { font-size: 12px; } p { font-size: 10px; }
CSS
RESOURCES
• W3Schools - http://www.w3schools.com/
• Codepen - http://codepen.io/