HTML5 and CSS3: Craft your own websites (with 4 projects)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course overview

Lecture 2: What is HTML?

Lecture 3: What is CSS?

Lecture 4: The importance of a code editor

Lecture 5: Our first website

Lecture 6: What hapenned?

Lecture 7: Course files

Lecture 8: Conclusion

Chapter 2: HTML Basics

Lecture 1: Introduction

Lecture 2: The anatomy of a tag

Lecture 3: HTML structure

Lecture 4: Headings

Lecture 5: Paragraphs

Lecture 6: Tags without content

Lecture 7: Comments

Lecture 8: Attributes

Lecture 9: Opening a link in a new tab

Lecture 10: Images

Lecture 11: The alt attribute

Lecture 12: Unordered list

Lecture 13: Ordered list

Lecture 14: Tables

Lecture 15: The div tag

Lecture 16: Conclusion

Chapter 3: CSS Basics

Lecture 1: Introduction

Lecture 2: Ways of adding a class

Lecture 3: Anatomy of CSS

Lecture 4: Inline CSS

Lecture 5: Multiple CSS rules

Lecture 6: Internal CSS

Lecture 7: External CSS

Lecture 8: CSS Order

Lecture 9: Comments in CSS

Lecture 10: Classes and ids

Lecture 11: Classes

Lecture 12: How to use id

Lecture 13: CSS rules order

Lecture 14: About CSS colors

Lecture 15: Color names

Lecture 16: HEX

Lecture 17: Shortened HEX

Lecture 18: RGB

Lecture 19: RGB with opacity

Lecture 20: HSL

Lecture 21: Background color

Lecture 22: Background with opacity

Lecture 23: Solving the opacity problem

Lecture 24: Background image

Lecture 25: Centering a background image

Lecture 26: Box model

Lecture 27: Width and height

Lecture 28: Padding

Lecture 29: Individual padding

Lecture 30: Shorthand padding

Lecture 31: Padding and width

Lecture 32: Borders

Lecture 33: Individual border

Lecture 34: Rounded borders

Lecture 35: Margin

Lecture 36: Putting everything together

Lecture 37: Text alignment

Lecture 38: Text decoration

Lecture 39: Text transform

Lecture 40: Letter spacing

Lecture 41: Fonts

Lecture 42: Font style

Lecture 43: Font weight

Lecture 44: Font size

Lecture 45: Display

Lecture 46: Hidding elements

Lecture 47: About CSS positions

Lecture 48: Position static

Lecture 49: Position relative

Lecture 50: Position absolute

Lecture 51: Relative with Absolute

Lecture 52: Position fixed

Lecture 53: Position sticky

Lecture 54: Z-index

Lecture 55: Conclusion

Chapter 4: Project 1: Tribute Page

Lecture 1: Introduction

Lecture 2: Project structure

Lecture 3: Building the first section

Lecture 4: Concluding the HTML

Lecture 5: Beginning the styles

Lecture 6: Concluding the CSS

Lecture 7: Conclusion

Chapter 5: Forms with HTML

Lecture 1: Introduction

Lecture 2: What is a form?

Lecture 3: Our first form

Lecture 4: Form attributes

Lecture 5: Name attribute