HTML5 and CSS3 Complete Course: Build Websites Like a Pro

Video description

All new web developers must learn the basics of HTML and CSS, as they are the basic languages required to build and style a website. While there are many ways to learn these languages, the best way is to learn from an experienced instructor with profound knowledge and experience coding in these languages.

This course will show you how to code in HTML and CSS from the ground up, starting from the absolute fundamentals to the advanced topics. It doesn’t matter if you’re a beginner trying to learn from scratch or an experienced coder looking to brush up your knowledge, you will always find something useful in this course.

You will begin by learning the components of HTML, including its lists, tables, URLs, hyperlinks, and many other important aspects of the language. Also, you will learn how to put all of them together to create a structure for your website to style with CSS.

Then, you will learn the fundamentals of CSS like selectors, dimensions, box models, lists, texts, fonts, tables, and other essentials. With basic knowledge of both languages, you can confidently style the HTML structures you created earlier to make fully-fledged websites.

By the end of this course, you will be surprised at how fast and easily you can create your own web pages using HTML and CSS.

What You Will Learn

  • Understand the basic building blocks in HTML
  • Learn and explore different HTML tags
  • Learn how to build a form from scratch
  • Learn how to include multimedia in your web pages (audio, video, images)
  • Build a foundation of CSS coding
  • Learn in-depth CSS3 selector properties


This course is for absolute beginners who have never programmed before.

Anyone can profit from the course, whether they are graphic and digital designers, startup employees, web designers, content specialists, students who want to be marketable, individuals interested in obtaining this crucial skill set, or marketing designers.

About The Author

Meta Brains: Meta Brains is a team of passionate software developers and finance professionals. They provide professional training programs that combine their expertise in coding, finance, and Excel.

With a focus on the Metaverse, they aim to equip learners with the necessary skills to participate in the next computing revolution. Their inclusive approach ensures accessibility to everyone, fostering a community that collaboratively codes and builds the future of the Metaverse.

Table of contents

  1. Chapter 1 : Introduction to HTLM5 and Setting Things Up
    1. Introduction to HTML5
    2. Features of HTML5
    3. Benefits of Using HTML5
    4. Where and How Is HTML5 Used?
    5. HTML5 Editors
    6. Downloading Visual Studio Code
  2. Chapter 2 : Structure of an HTML5 File
    1. What are HTML Tags?
    2. Structure of an HTML5 File
    3. File and Folder Structure
    4. How to Create an HTML5 File
  3. Chapter 3 : HTML5 Basic Building Blocks
    1. Heading Tags in HTML
    2. HTML5 Quotation and Citation Tags
    3. Commenting Out Code in HTML5
    4. HTML5 Attributes
    5. How to Style in HTML5
  4. Chapter 4 : Exploring HTML5 Tags
    1. What Are Anchor Tags?
    2. What Are Image Tags?
    3. What Are Paragraph Tags?
    4. What Are Break Tags?
    5. What Are Table Tags?
    6. List Tags
    7. Video Tag
    8. Audio Tag
  5. Chapter 5 : Building a Form From Scratch
    1. Form Tags
    2. Input Types
    3. Input Attributes (Size, Read-Only, Disabled)
    4. Additional Input Attributes (Min, Max, Multiple, and Placeholder)
    5. Required Inputs
  6. Chapter 6 : Block and Inline Elements
    1. Introduction
    2. Examining Block and Inline Elements
  7. Chapter 7 : HTML Conclusion
    1. HTML Summary
  8. Chapter 8 : Introduction to CSS3
    1. Introduction to CSS3
    2. Syntax of CSS3
    3. Uses of CSS3
    4. Types of CSS3
    5. Selectors and Colors in CSS3
  9. Chapter 9 : Basics Properties of CSS3
    1. Background
    2. Borders
    3. Outline
    4. Height and Width
    5. Margin and Padding
  10. Chapter 10 : Typography Properties of CSS3
    1. Text Alignment
    2. Text Decoration
    3. Text Transform
    4. Text Spacing
    5. Font Family
    6. How to Use Font Awesome Icons
  11. Chapter 11 : Selectors Properties in Depth of CSS3
    1. Display
    2. Positions
    3. Z-Index
    4. Overflow
    5. Float
    6. DOM (Document Object Model) Model
    7. Advanced Selectors
    8. Pseudo-Classes Part 1
    9. Pseudo-Classes Part 2
    10. Pseudo-Elements
  12. Chapter 12 : Extra Features in CSS3
    1. Opacity and Important
    2. Border-Radius
    3. Box Shadow
  13. Chapter 13 : Responsive Design
    1. Grid System
    2. Flexbox
    3. Media Queries
  14. Chapter 14 : Mini Project
    1. Mini Project

Product information

  • Title: HTML5 and CSS3 Complete Course: Build Websites Like a Pro
  • Author(s): Meta Brains
  • Release date: September 2022
  • Publisher(s): Packt Publishing
  • ISBN: 9781804617144