Embark on a comprehensive journey through modern HTML and CSS in this beginner-friendly tutorial. Learn essential front-end development skills, from setting up your first document to creating dynamic layouts with CSS Grid. Master fundamental concepts like heading tags, image insertion, and CSS styling. Explore advanced techniques including parallax backgrounds, hover effects, and responsive design. Build practical elements such as navigation menus, footers, and contact forms. Perfect for aspiring web developers or those looking to refresh their skills, this tutorial covers everything needed to create visually appealing and functional web pages using the latest HTML5 and CSS3 practices.
Overview
Syllabus
Introduction to HTML5 & CSS3
Installing Atom & packages
Setting up our first document
How to use heading tags
How to add images & attributes
How to include our CSS3 file
Adding comments in HTML5 and CSS3
How to use RGB color codes in CSS3
Classes & IDs
Font properties
Subpages in HTML5
How to create links in HTML5
How to style links
What goes inside the body?
Creating a navigation
Parallax background image
Font awesome icons
Smooth behaviour in HTML5
Introduction to CSS3 Grid
3 Boxes next to each other
Videos
Footer
WhatsApp me function
Portfolio with hover effect
Zoom in effect on hover
Blur effect
Contact form
Taught by
Code With Dary
