In our first lesson, we will introduce ourselves to one another and you will learn the art of good HTML markup.
- Introduction to GA and Instructional Team
- Tools and Resources for FEWD
- HTML Structure and the Document Object Model
- HTML tags
- Semantic HTML
By the end of this class, you will:
- Know other classmates and instructor by name
- Reviewed class syllabus that outlines lessons, expectations and assignments
- Understand basic tools required for the course (Slack, Sublime, Chrome)
- Have a high level understanding of what the DOM is
- Understand regular and void HTML tags, Head / Body of HTML document
- Have a good understanding of basic HTML content tags
- BONUS: Semantic HTML best practices and when to use various HTML tags
- Slide deck in PDF
- HTML Tag Overview PDF
- HTML Semantic Usage Guide PDF
- Lesson 1 Codepen Collection
HTML5 is HTML with a few additions The Doctype tells you if the page is HTML5 ready.
<!DOCTYPE html>
Note: image retrieved from http://www.onbile.com/info/wp-content/uploads/2013/09/Timeline-of-web-technologies-639x168.jpg on October 1, 2013.
Heading Elements
<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . .</h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>
Text Elements
<p>This is a paragraph</p>
<code>This is some computer code</code>
Unordered list
<ul>
</ul>
Unordered list item
<li>First item</li>
<li>Next item</li>
Ordered list with list items
<ol>
<li>First item</li>
<li>Next item</li>
</ol>
links
<a href="www.google.com">First item</a>