HTML Basics

Introduction

Most of this should be review since you've already completed the Foundations HTML/CSS Lesson (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

2. Read Shay Howe on the HTML Basics

3. Read Shay Howe on Best 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
• W3C HTML5 tutorial
• HTML Style Guide by Mark Otto, one of the creators of Bootstrap.
• CrashCourse Introduction to HTML&CSS
• Add Some!