Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Embark on a comprehensive 4.5-hour course to master HTML5 and CSS3 from the ground up. Set up your development environment with Atom and essential packages, then dive into structuring HTML5 documents and utilizing heading tags. Learn to incorporate images, link CSS files, and use comments effectively. Explore RGB color codes, classes, IDs, and font properties in CSS3. Create subpages, style links as buttons, and design an impressive navigation menu. Discover advanced techniques like parallax backgrounds, font awesome icons, and scroll indicators. Delve into CSS3 Grid, float layouts, and embedding videos. Craft engaging footers, implement WhatsApp "Click to Chat" functionality, and create eye-catching portfolio designs with hover effects. Master image manipulation techniques like zoom, grayscale, and blur effects. Conclude by designing a beautiful contact form to round out your web development skills.

Syllabus

Learn HTML5 and CSS3 from scratch | Introduction to HTML5 and CSS3 | Learn HTML5 and CSS3.
Installing Atom with essential packages | Introduction to HTML5 and CSS3 | Learn HTML5 and CSS3.
How to set up our HTML5 document structure | Introduction to HTML5 and CSS3 | Learn HTML5 and CSS3.
How to use heading tags H1 to H6 in HTML5 | Introduction to HTML5 and CSS3 | HTML5 & CSS3 Tutorial.
How to add images & attributes in HTML5 | Introduction to HTML5 and CSS3 | Learn HTML5 and CSS3.
How to include our CSS3 file in our HTML5 | Introduction to HTML5 and CSS3 | Learn HTML5 and CSS3.
How to use comments in HTML5 and CSS3 | Introduction to HTML5 and CSS3 | Learn HTML5 and CSS3.
How to use RGB color codes in CSS3 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to use Classes and IDs in HTML5 and CSS3 | Introduction to HTML5 and CSS3 | HTML5 and CSS3.
How to use all font properties in CSS | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create subpages in HTML5 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create links in HTML5 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to style links like a button in CSS3 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
What goes inside the body element? | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create an awesome navigation in 2020 | Introduction to HTML5 and CSS3 | HTML5 and CSS3.
Creating a parallax background effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
Creating a parallax background effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to use font awesome icons in 2020 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create a CSS3 scroll indicator | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
Introduction to CSS3 Grid | Crash Course | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to float 3 div boxes side by side | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create HTML5 videos | Creating embedded videos | Introduction to HTML5 and CSS3 in 2020.
How to create an awesome footer | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to use WhatsApp “Click to Chat” | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create a portfolio with hover effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3.
How to create a zoom in effect on hover | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create a grayscale effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
How to create a blur effect on image | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.
Designing a beautiful contact form | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020.