HTML and CSS for Beginning Web Developers

Course Curriculum

Chapter 1: Introduction to the Course

Lecture 1: What Is HTML?

Lecture 2: What is HTML5?

Lecture 3: Getting the Browser

Lecture 4: Getting the Editor

Lecture 5: Setting Up the Editor

Chapter 2: The Basics of HTML

Lecture 1: Structure – Hello World

Lecture 2: The DOM

Lecture 3: Customizing the Editor

Lecture 4: Self Closing Tags – Environment

Lecture 5: Validation

Lecture 6: Comments

Chapter 3: Block Level Elements

Lecture 1: Block Level Elements

Chapter 4: Line Break and Spacing

Lecture 1: Line Break and Spacing

Chapter 5: Inline Elements

Lecture 1: Span – Text Modifiers

Lecture 2: Anchors

Lecture 3: Linking to the Top of a Page

Lecture 4: Images

Chapter 6: Tables and Forms

Lecture 1: Tables

Lecture 2: Form Basics

Lecture 3: Placeholder vs. Value

Lecture 4: Radio Buttons, Checkboxes, Select Elements and Text Areas

Lecture 5: New HTML5 Inputs

Lecture 6: HTML5 Input Attributes

Lecture 7: Action Attribute

Lecture 8: GET vs. POST

Lecture 9: Submit Buttons

Lecture 10: Create a Hotel Booking Form

Chapter 7: Semantic HTML5 Elements

Lecture 1: New Elements in HTML5

Lecture 2: HTML5 Semantic Elements

Lecture 3: Semantic Elements in Practice

Lecture 4: Meter and Progress Elements

Chapter 8: Multimedia

Lecture 1: Audio

Lecture 2: Video

Lecture 3: Conclusion

Chapter 9: Introduction to CSS

Lecture 1: What Is CSS?

Lecture 2: Understanding CSS

Lecture 3: How HTML and CSS Work Together

Lecture 4: Selectors Part 1

Lecture 5: Selectors Part 2

Lecture 6: Selectors Part 3

Lecture 7: Selectors Part 4

Lecture 8: Styling Links (Hyperlinks)

Lecture 9: Widths and Heights

Lecture 10: Positioning

Lecture 11: Centering a Container

Lecture 12: Display Types

Lecture 13: Hiding an Element

Lecture 14: Margins and Padding

Lecture 15: Overflow

Lecture 16: Element Stack Order (z-index)

Lecture 17: Cursors

Lecture 18: Box Sizing

Lecture 19: Color

Lecture 20: Font Basics

Lecture 21: Floats

Lecture 22: Clearfix

Lecture 23: Forcing Uppercase, Lowercase and Capitalisation

Lecture 24: Text Alignment

Lecture 25: Text Indenting

Lecture 26: Backgrounds

Lecture 27: Multiple Background Images

Lecture 28: Background Size

Lecture 29: Borders

Lecture 30: Border Images

Chapter 10: Your First CSS Projects

Lecture 1: Build a Website Part 1

Lecture 2: Build a Website Part 2

Lecture 3: Build a Website Part 3

Lecture 4: Pure CSS Drop-Down Menu

Lecture 5: Dropdown List Menu Part 1

Lecture 6: Dropdown List Menu Part 2

Chapter 11: Bonus Material

Lecture 1: Bonus Lecture