Introduction to HTML

Course Introduction

What to expect from this course?

Try it!

---

What is HTML?

What is HTML and what is it used for?

---

Setting up a Development Environment

In this lesson we'll download and install the Sublime Text Editor.

Understanding an HTML Tag

Understanding HTML Elements, Open Tags, Close Tags, and Nesting.

---

Understanding HTML Attributes

Learn about different Attribute tags such as Language Attributes, Title Attributes, and more...

---

The Parts of an HTML File

Every HTML page is made up of the same basic skeleton. We'll look at doctypes, html tags, head tags, body tags, meta tags, and more.

---

Exploring Common HTML Tags

Learn some basic HTML tags such as p, br, h1, h2, h3, h4, h5, h6, and pre.

---

Understanding Text Formatting

Learn to format text using strong, em, small, sub, sup, and blockquote.

---

Styling HTML with Inline CSS

Learn how to style individual HTML elements with the CSS style tag.

---

HTML's Special Characters

Learn to output special characters onto the screen such as copyright characters, trademark characters, arrows, and more.

---

Commenting Code

How to comment code, where to do it, and why you should do it often.

---

Creating HTML Links

Links are an important part of creating websites. Learn how.

Try it!

---

Using Images

Adding Images to your website is fast and easy. We'll explore the img src tag and it's properties.

---

Linking Images

Learn to make images clickable as links.

Creating HTML Tables

Tables are an important and sometimes confusing element of HTML. We'll look at table tags, th, tr, td tags, and more.

---

Advanced Tables

Learn how to create tables with Cells that span many columns or rows using the Rowspan, and colspan tags.

---

Creating Lists

Understanding lists, and the difference between ordered and un-ordered lists. We'll look at the ol and ul tags.

Try it!

---

Nested Lists

Learn how to nest lists within other lists.

---

Block vs Inline Elements

Understanding the difference between block and inline elements, and when to use each.

---

HTML Forms

Learn to create forms that users can fill out.

---

Advanced Elements and Attributes

Learn special elements and attributes available in HTML 5. We'll look at header tags, footer tags, nav tags, main tags, section tags, and more.

---

Version Control with Git

Setting up "Git" for version control in our development environment.

---

Backup Your Code Using Github.com

Learn to push code to Github.com as a Backup to Git version control.

What is the Bootstrap CSS Framework?

Exploring the Bootstrap CSS Framework and understanding when to use it.

---

How to Setup and Use Bootstrap

Adding Bootstrap to your site is quick and easy.

---

Understanding the Bootstrap Grid System

Creating a page layout with the Bootstrap grid system.

---

Basic Bootstrap Usage

How to add Bootstrap Elements to your website.

---

Building a Resume Website - Intro

Let's overview what we'll be building

---

Building a Resume Website - Navbar

Adding a Navbar to our website.

---

Building a Resume Website - Panels

Adding Work Experience with panels.

---

Building a Resume Website - Page Grid System

Setting up the page layout using the Bootstrap grid system.

---

Building a Resume Website - Adding Content

Add our actual resume content to the site.

---

Building a Resume Website - Making it Responsive

Let's make sure our website looks good on mobile devices!

---

Building a Resume Website - Push Live Code to Heroku

Push our code to a live production server at Heroku.

Building a Professional Website with Templates

Learn how to use free and paid templates to build a website.

---

Using a Free Template

Let's add a free template to our site!

---

Modify the Free Template

Tweaking our template to make it look and feel however we like.

---

Building a Templated Website - Push Live Code to Heroku

Push our code to a live production server at Heroku.