HTML5 & CSS3
- Time Duration : 90 Hours
- No. Of Students : 5 Students 1 Bench
- Pass Percentage : 99%
- Certificate : Yes
More Courses For You !
Bhavik Pandya
CEO
Category :
Management
20 Reviews :
Fees :
₹5999
Basic HTML
Introduction to HTML
HTML Document Structure
HTML Tags and Elements
HTML Attributes
Headings, Paragraphs, and Line Breaks
Formatting Text (Bold, Italic, Underline)
HTML Comments
📄 HTML Elements
Lists (Ordered, Unordered, Description)
Hyperlinks and Anchors
Images in HTML
Tables in HTML
Forms and Input Elements
HTML Buttons
📁 HTML Media
Embedding Audio and Video
iFrames (Embedding Web Pages)
Adding YouTube Videos
🌐 HTML Structure & Layout
Div and Span Elements
HTML Block vs Inline Elements
Creating Layouts using HTML
Introduction to Web Development
What is HTML and CSS?
How Websites Work (Basics of Web, Browsers, and Servers)
Tools Needed (VS Code, Browser, etc.)
Understanding the Structure of a Web Page
📝 Module 2: HTML Basics
HTML Document Structure
Basic Tags: <html>, <head>, <title>, <body>
Headings, Paragraphs, Line Breaks
Text Formatting Tags: <b>, <i>, <u>, <strong>, <em>
HTML Comments
Lists: Ordered, Unordered, and Description
Links and Anchors: Internal and External
Images: Adding and Formatting
Tables: Rows, Columns, Headers
Forms: Input, Select, Textarea, Checkbox, Radio Buttons, Submit
Semantic HTML Tags: <header>, <footer>, <section>, <article>, <aside>
🎨 Module 3: Introduction to CSS
What is CSS?
Types of CSS: Inline, Internal, External
CSS Syntax and Selectors
Colors, Backgrounds, and Opacity
Fonts and Text Styling
Borders, Margins, and Padding (Box Model)
Width, Height, and Max/Min Size
Display Properties: block, inline, inline-block, none
🧩 Module 4: Intermediate CSS
Positioning Elements: static, relative, absolute, fixed, sticky
Float and Clear
Flexbox: Layout with display: flex
CSS Grid Layout
Z-Index and Layering
Pseudo-classes and Pseudo-elements
Hover Effects and Transitions
Media Queries (Responsive Design)
CSS Variables
🔗 Module 5: HTML + CSS Projects
Personal Portfolio Website
Responsive Landing Page
Contact Form Design
Multi-page Website Layout
Navigation Menu with Dropdown
Image Gallery or Slider (Using CSS only)
