Skip to content

Instantly share code, notes, and snippets.

@code-for-coffee

code-for-coffee/slides.md

Last active June 18, 2017 22:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save code-for-coffee/241f3e3778c028cd0990f95d5c90d7c4 to your computer and use it in GitHub Desktop.
Save code-for-coffee/241f3e3778c028cd0990f95d5c90d7c4 to your computer and use it in GitHub Desktop.
Download ZIP
FEWD Butterfree Day 1
Raw
slides.md

GeneralAssemb.ly

FEWD - HTML BASICS

Katie Allyn

Assistant Instructor

Agenda

  • HTML Tags & CSS Selectors Review
  • Structure Reading w/ Understanding
  • External Style Sheets
  • Lab Time

HTML Tags & CSS Selectors Review

HTML Basics

HTML vs HTML5

HTML5 is HTML with a few additions The Doctype tells you if the page is HTML5 ready.

<!DOCTYPE html>

HTML HISTORY

HTML History

Note: image retrieved from http://www.onbile.com/info/wp-content/uploads/2013/09/Timeline-of-web-technologies-639x168.jpg on October 1, 2013.

HTML Syntax

HTML Syntax

HTML Syntax

HTML Syntax

Content Tags

Heading Elements

<h1>Largest Heading</h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6>Smallest Heading</h6>

Content Tags

Text Elements

<p>
This is a paragraph
</p>
<code>This is some computer code</code>

Content Tags

Unordered list (ULs)

<ul>
</ul>

Content Tags

Ordered list (OLs)

<ol>
</ol>

Content Tags

Unordered list item (LI)

<li>First item</li>
<li>Next item</li>

Content Tags

Links (anchor tags)

<a href="Link">First item</a>

GeneralAssemb.ly

General Assembly Press Release

External Style Sheets

GeneralAssemb.ly

Cookie Recipe

Homework

  • Create a resume website
  • Watch a video on the Internet about the Internet
  • Read about CSS Colors (we recommend CSSTricks)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment