HTML – Introduction to HTML Web Development

Course Curriculum

Chapter 1: Quick Introduction – HTML

Lecture 1: Welcome to Introduction to HTML Web Development

Lecture 2: Downloadable Course Resources

Chapter 2: Getting Setup – HTML

Lecture 1: Pick Your HTML Editor

Lecture 2: Setting Up a Folder Structure

Lecture 3: Launching NotePad (Windows Machine)

Lecture 4: MAC USERS – Launching MAC TextEdit (DOWNLOAD)

Lecture 5: HTML Web Development Resources (Download)

Chapter 3: Basics of HTML Elements

Lecture 1: Viewing HTML Tags Page Source

Lecture 2: Breaking Down an HTML Tag

Lecture 3: Common HTML Tags

Lecture 4: Adding Tag Attributes to HTML Tags

Lecture 5: HTML Tags Resource (Download)

Chapter 4: Basics of Creating an HTML Page

Lecture 1: Setting Up a Basic HTML Page

Lecture 2: Using the HTML TITLE Tag

Lecture 3: BONUS – HTML – Browser FAVICON

Lecture 4: Adding Text to the HTML BODY Tag

Lecture 5: Inserting HTML Comments

Lecture 6: Exercise #1 – Creating a Basic HTML Page

Lecture 7: Exercise #2 – Share Your Progress in the QA Section (SNIPPING TOOL)

Chapter 5: Working with HTML PARAGRAPH and HEADING Tags

Lecture 1: Adding HTML Paragraphs

Lecture 2: Creating Line Breaks with the BREAK Tag

Lecture 3: BONUS – CSS – Adding Style to a Paragraph

Lecture 4: Working with HTML HEADING Tags

Lecture 5: HEADING Tag Good Practices

Lecture 6: Exercise #3 – Using HTML Paragraph and Heading Tags

Chapter 6: Working with HTML <img> tag to Insert Images

Lecture 1: Inserting Images with the HTML <IMG> Tag

Lecture 2: HTML IMAGE Tag ALT Attribute

Lecture 3: HTML IMAGE tag Width and Height Attributes

Lecture 4: BONUS – CSS – Image Formatting

Lecture 5: HTML Image References in another Folder

Lecture 6: Exercise #4 – Working with Images

Chapter 7: Working with HTML Ordered and Unordered Lists

Lecture 1: Creating an Unordered HTML List

Lecture 2: HTML Unordered List Sub-bullets

Lecture 3: Creating Ordered HTML List

Lecture 4: BONUS – CSS – Formatting HTML Lists

Lecture 5: Exercise #5 – Adding Lists to an HTML Page

Chapter 8: Adding HTML Links

Lecture 1: Text Based Links with the HTML <a> Tag

Lecture 2: Turn an Image into a Link

Lecture 3: Target a New Browser Tab using the TARGET Attribute of the <a> tag

Lecture 4: Creating Email Links

Lecture 5: Creating Phone Number Links

Lecture 6: HTML Anchor Links using the ID Attribute (Bookmarks)

Lecture 7: BONUS – CSS – Formatting HTML Links

Lecture 8: BONUS – HTML Colors (Download)

Lecture 9: BONUS – JavaScript – Execute JavaScript on Link Click

Chapter 9: Creating HTML Tables

Lecture 1: Basics of HTML Tables

Lecture 2: HTML Table Examples

Lecture 3: Creating a Basic HTML Table

Lecture 4: BONUS – CSS- Adding Borders to HTML Tables

Lecture 5: HTML Table with Multiple Columns and Rows

Lecture 6: HTML Table Headers

Lecture 7: HTML Table — TD Attribute – Colspan

Lecture 8: BONUS – CSS – Additional Table Formatting

Lecture 9: Exercise #7 – Creating HTML Tables

Chapter 10: Creating and Working with HTML Forms

Lecture 1: Introduction to HTML Forms

Lecture 2: Introduction to the HTML FORM tag

Lecture 3: Creating HTML Input Text Controls

Lecture 4: Creating HTML Form Labels

Lecture 5: Exercise #8 – Adding Text Controls to the HTML Form

Lecture 6: Working with HTML TEXTAREA tags

Lecture 7: Creating HTML Input Radio Controls

Lecture 8: Input Radio Attributes

Lecture 9: Adding an HTML Form Button to Submit Form Data

Lecture 10: Adding a Horizontal Rule with the HR tag

Lecture 11: Using HTML Form EMAIL Input Type

Lecture 12: HTML Input Tag Types

Chapter 11: Congratulations

Lecture 1: Introduction to HTML Web Development Completed