HTML5 & CSS3 Complete Course
Course Description
After completing the HTML5 & CSS3 Course (Beginner to Advance), you will be able to create and style websites independently.
HTML allows you to build the structure and content of a website, including headings, paragraphs, forms, images, videos, and tables. CSS is used to style and enhance the appearance of your website. You will learn to create layouts using Flexbox and Grid, implement media queries for responsive design, and make your website visually appealing across different devices.
This course covers all the essential topics to start your web development journey.
INTRODUCTION
HTML (HyperText Markup Language) is the foundational markup language for building website structures. It defines the content of your website, from headings and paragraphs to forms and multimedia integration.
CSS (Cascading Style Sheets) is a styling language that defines the look and feel of a website. With CSS, you can design layouts, set fonts, colors, spacing, and create responsive, professional-looking web pages.
After mastering HTML5 and CSS3, you can advance to CSS frameworks like Bootstrap or Tailwind CSS, and CSS pre-processors like SASS or Less, which provide more advanced styling features.
PREREQUISITES
Before starting this course, learners should have:
Basic knowledge of computer operation
Internet connection for course access
System Compatibility:
This training is compatible with:
Windows Operating System
macOS (latest versions)
Android smartphones and tablets
Apple iPhone and iPad (iOS devices)
Learners can access the course using desktops, laptops, tablets, or mobile devices with a stable internet connection.
CERTIFICATION:
Students who complete the course through Virtual Academy LMS (www.virtualacademy.pk) will be eligible for a Registered Diploma. To earn the certification, learners must:
Complete all chapters in the LMS.
Attempt and pass the quizzes associated with each chapter.
Submit any required assignments/projects.
After completion, students will be able to directly download their Diploma/Certificate from the LMS.
Course Details
- 1. HTML5 and CSS3 – Course Introduction
- 2. HTML5 Course Overview
- 3. What is HTML and CSS – Beginner Guide
-
4. HTML Coding Environment Setup (VS Code) (Locked) 05:03 Min
-
5. Create and Open HTML Pages (Locked) 07:45 Min
-
6. Basic HTML Code Structure (Locked) 09:30 Min
-
7. Meta Tags and SEO in HTML (Locked) 06:45 Min
-
8. Headings and Paragraphs in HTML (Locked) 08:02 Min
-
9. How to Add Links in HTML (Locked) 07:04 Min
-
10. How to Add Images in HTML (Locked) 08:00 Min
-
11. Lists in HTML (Locked) 06:06 Min
-
12. Tables in HTML (Locked) 06:47 Min
-
13. Block vs Inline Elements in HTML (Locked) 05:36 Min
-
14. Div, Span, Classes & IDs (Locked) 10:52 Min
-
15. Forms and Input Types (Locked) 20:54 Min
-
16. HTML Entities (Locked) 08:15 Min
-
17. Semantic Tags in HTML (Locked) 03:48 Min
-
18. Add Audio and Video in HTML5 (Locked) 07:40 Min
-
Chapter 1 HTML5 Course (Locked)
No Notes available for this chapter
-
1. CSS3 Course Introduction (Locked) 01:59 Min
-
2. What is CSS – Basics of Style Sheets (Locked) 3:11 Min
-
3. Ways to Add CSS to HTML (Locked) 10:59 Min
-
4. CSS Basic Selectors (Locked) 09:48 Min
-
5. Colors and Background in CSS (Locked) 08:18 Min
-
6. CSS Borders Tutorial (Locked) 09:28 Min
-
7. Outline vs Border in CSS (Locked) 03:50 Min
-
8. Margin in CSS (Locked) 07:28 Min
-
9. Padding in CSS (Locked) 06:15 Min
-
10. Height and Width in CSS (Locked) 06:06 Min
-
11. Box-sizing Property (Locked) 04:53 Min
-
12. Overflow Property in CSS (Locked) 05:30 Min
-
13. Border-radius in CSS (Locked) 07:11 Min
-
14. Box-shadow Property (Locked) 06:11 Min
-
15. Font Sizes in CSS (Locked) 05:57 Min
-
16. Font Family & Google Fonts (Locked) 06:19 Min
-
17. Font-weight, Style, Line-height (Locked) 05:33 Min
-
18. Text Formatting: Align, Transform, Spacing (Locked) 06:08 Min
-
19. Text-decoration in CSS (Locked) 05:11 Min
-
20. Text-shadow in CSS (Locked) 03:35 Min
-
21. List-style in CSS (Locked) 04:39 Min
-
22. Background Image in CSS (Locked) 05:31 Min
-
23. Background Size in CSS (Locked) 04:24 Min
-
24. Linear Gradient in CSS (Locked) 06:50 Min
-
25. Display Property in CSS (Locked) 07:45 Min
-
26. Position and Z-Index in CSS (Locked) 06:20 Min
-
27. Cursor Property in CSS (Locked) 04:39 Min
-
28. Float and Clear in CSS (Locked) 04:33 Min
-
29. Media Query in CSS (Locked) 08:11 Min
-
30. CSS Variables (Locked) 05:54 Min
-
31. Filter Property in CSS (Locked) 05:38 Min
-
32. User-select in CSS (Locked) 02:56 Min
-
33. Pseudo Elements – First-letter, Placeholder (Locked) 05:40 Min
-
34. Before & After Pseudo Elements (Locked) 04:15 Min
-
35. Font Awesome Icons (Locked) 07:15 Min
-
Chapter 2 CSS3 Course (Locked)
No Notes available for this chapter
-
1. Flexbox Introduction (Locked) 06:42 Min
-
2. Flex-wrap & Flex-flow (Locked) 04:31 Min
-
3. Justify-content in Flexbox (Locked) 04:47 Min
-
4. Align-items in Flexbox (Locked) 04:06 Min
-
5. Align-content in Flexbox (Locked) 3:18 Min
-
6. Align-self in Flexbox (Locked) 3:21 Min
-
7. Flex-grow Property (Locked) 02:21 Min
-
8. Flex-shrink Property (Locked) 03:15 Min
-
9. Flex-basis Property (Locked) 02:50 Min
-
Chapter 3 Flexbox In CSS (Locked)
No Notes available for this chapter
-
1. CSS Transitions (Locked) 06:19 Min
-
2. CSS Transform (Locked) 05:24 Min
-
3. CSS Animation (Locked) 08:53 Min
-
4. Grid System in CSS (Locked) 02:37 Min
-
5. Grid Columns & Rows (Locked) 06:01 Min
-
6. Grid Gap in CSS (Locked) 04:14 Min
-
7. Item Positioning in Grid (Locked) 06:01 Min
-
8. Item Spanning in Grid (Locked) 03:05 Min
-
9. Grid Template Areas (Locked) 04:40 Min
-
Chapter 4 Transitions, Grid & Animation (Locked)
No Notes available for this chapter
Level
Duration
Chapters
Quizzes
Certifications
Language
