# HTML Basics

## Introduction

Most of this should be review since you've already completed the [Foundations HTML/CSS Lesson](https://www.learnhowtocodebook.com/foundations/frontend/html-and-css) (Right??) but it's a good idea to make sure you've got it covered so you make sure you're starting from a strong base. It's impossible to separate HTML from CSS, so there will be some overlap before we get heavily into the CSS in later sections.

## Learning outcomes

* How is an HTML5 document structured?
* What are elements/tags?
* What are element attributes?
* How do you link to external files?
* When should you use IDs vs Classes?
* What attributes are required by image and links for them to be effective and accessible?
* Where should your CSS live?

## Assignment

1. Read [Shay Howe's Introduction to Terminology & Syntax](http://learn.shayhowe.com/html-css/terminology-syntax-intro)
2. Read [Shay Howe on the HTML Basics](http://learn.shayhowe.com/html-css/elements-semantics)
3. Read [Shay Howe on Best Practices](http://learn.shayhowe.com/html-css/coding-practices)

## Additional resources

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something.

* [WTFHTMLCSS with basic tips to improve your code](http://wtfhtmlcss.com/)
* [W3C HTML5 tutorial ](http://www.w3schools.com/html/default.asp)
* [HTML Style Guide](http://codeguide.co/#html) by [Mark Otto](https://github.com/mdo), one of the creators of Bootstrap.
* [CrashCourse Introduction to HTML\&CSS](https://www.youtube.com/watch?v=QA0XpGhiz5w)
* Add Some!