HTML and CSS Tutorial For Beginners (Hindi)

   Thursday, May 22, 2025   

Starting a new Lecture Notes Series on HTML and CSS Tutorial For Beginners

Youtube Lecture Playlist Credits 

Channel Name: ScoreShala

So Let Us Start to This Journey of Learning 

HTML and CSS Tutorial For Beginners By Lecture Notes together!

Lecture 1: Html introduction - Html tutorial for Beginners ( Lesson -1)

Lecture 2: Types of tags in HTML - Html tutorial for Beginners ( Lesson -2)

Lecture 3: Heading Tags in HTML | Importance of Heading Tags - Html Tutorial for Beginners ( Lesson -3)

Lecture 4: Basic Tags in HTML | Practical Implementation - Html Tutorial for Beginners ( Lesson -4)

Lecture 5: List Tags in HTML | Ordered List and Unordered List - Html Tutorial for Beginners ( Lesson -5)

Lecture 6: Nested List in HTML - Html Tutorial for Beginners ( Lesson - 6)

Lecture 7: Image Tag in HTML - Html Tutorial for Beginners ( Lesson -7)

Lecture 8: Anchor Tag in HTML - Html Tutorial for Beginners ( Lesson - 8 )

Lecture 9: Super script, Sub Script and Meter Tags - Html Tutorial for Beginners ( Lesson - 9)

Lecture 10: Table Tags and its Children Tags - Html Tutorial for Beginners ( Lesson - 10 )

Lecture 11: Table tag attributes - Html Tutorial for Beginners ( Lesson - 11 )

Lecture 12: Introduction to Form in HTML. - Html Tutorial for Beginners ( Lesson - 12 )

Lecture 13: From tag and form elements (Textbox, Textarea, Radio Button , Submit and Reset) - Lesson 13

Lecture 14: Form elements : Select Box, Check Box, File Input - Html Tutorial for Beginners ( Lesson - 14 )

Lecture 15: HTML 5 Form elements : Color, Email, Password, Number and Hidden - Html Tutorial (Lesson - 15)

Lecture 16: HTML 5 Calendar Form elements: Date, Datetime Local, Time, Month, Week, Range (Lesson -16)

Lecture 17: HTML 5 Form Attribues - Html Tutorial for Beginners ( Lesson - 17 )

Lecture 18: What is a div tag and how does it work ? - Html Tutorial for Beginners ( Lesson - 18 )

Lecture 19: What is CSS? And types of CSS - Html Tutorial for Beginners ( Lesson - 19 )

Lecture 20: How does CSS work ? - CSS selector - Html Tutorial for Beginners ( Lesson - 20 )

Lecture 21: Working with internal CSS | CSS Properties - Html Tutorial for Beginners ( Lesson - 21 )

Lecture 22: How to count div tags using Desgins - Html Tutorial for Beginners ( Lesson - 22 )

Lecture 23: CSS Properties ( font-size,color,font-weight,font-style ) Html Tutorial for Beginners (Lesson - 23)

Lecture 24: CSS Properties Part 2 | Html Tutorial for Beginners ( Lesson - 24 )

Lecture 25: One page design using HTML and CSS Part 1 | Html Tutorial for Beginners ( Lesson - 25)

Lecture 26: How to create a website using HTML and CSS step by step tutorial | One Page Website design - Part-2

Lecture 27: Insert and Embed Video with HTML5 Part-1| Learn HTML and CSS | HTML5 Tutorial | Lesson-27

Lecture 28: Insert and Embed Video with HTML5 Part-2 | Learn HTML and CSS | HTML5 Tutorial | Lesson-28

Lecture 29: Audio Tag : HTML5 | Insert and Embed Audio with HTML5 Part-1 | HTML5 Tutorial | Lesson-29

Lecture 30: Audio Tag : HTML5 | Insert and Embed Audio with HTML5 Part-2 | HTML5 Tutorial | Lesson 30

Lecture 31: iframe tag in HTML5 | HTML5 Tutorial in Hindi | Lesson 31

Lecture 32: How to Embed YouTube Video Using iframe Tag in HTML5 (Lesson 32) | HTML5 Tutorial

Lecture 33: How to Embed Google Map Using iframe Tag in HTML5 (Lesson 33) | HTML5 Tutorial

Lecture 34: Implement Auto Suggestion on Web Page with "Data List" in HTML 5 (Lesson 34) | HTML Tutorial

Lecture 35: Detail and Summary Widget using HTML5 | Detail Tag and Summary Tag in HTML5 (Lesson 35)

Lecture 36: Web Page Layout Using HTML5 Tags | HTML5 Tutorial (Lesson 36)

Lecture 37: Link Tag | How to Link CSS to HTML | CSS Video Tutorial | External CSS (Lesson 38)

Lecture 38: How to Use Inline CSS | CSS Tutorial for Beginners (Lesson 39)

Lecture 39: How to Use Hover in CSS | CSS Tutorial for Beginners (Lesson 40)

Lecture 40: How to Use CSS Border Properties? | CSS Tutorial for Beginners (Lesson 41)

Lecture 41: How to Use CSS Margin Properties? | CSS Tutorial for Beginners (Lesson 42)

Lecture 42: How to Use CSS Padding Properties? | CSS Tutorial for Beginners (Lesson 43)

Lecture 43: Background Image and Background Repeat CSS Properties | CSS Tutorial (Lesson 44)

Lecture 44: Background Position, Size, Attachment CSS Properties | CSS Tutorial (Lesson 45)

Lecture 45: Background Color Using rgb() and rgba() CSS Properties | CSS Tutorial (Lesson 46)

Lecture 46: Special Character and White Space in HTML | HTML Tutorial (Lesson 37)

Lecture 47: CSS Box shadow Property | CSS Tutorial in Hindi (Lesson 47)

Lecture 48: CSS Text shadow Property | CSS Tutorial in Hindi (Lesson 48)

Lecture 49: CSS Overflow Property | CSS Tutorial in Hindi (Lesson 49)

Lecture 50: Transform translate Property in CSS | CSS Tutorial in Hindi (Lesson 50)

Lecture 51: Skew Function in CSS | Transform Property in CSS | CSS Tutorial in Hindi (Lesson 51)

Lecture 52: CSS transform Property | rotate function | CSS Tutorial in Hindi (Lesson 52)

Lecture 53: CSS transform Property | scale function | CSS Tutorial in Hindi (Lesson 53)

Lecture 54: Position CSS Property Part 1 | Absolute and Relative | CSS Tutorial in Hindi (Lesson 54)

Lecture 55: Position CSS Property Part 2 (Fixed and Sticky) | CSS Tutorial in Hindi (Lesson 55)

Lecture 56: CSS Column Properties (Column-count, Column-fill, Column-gap) | CSS Tutorial in Hindi (Lesson 56)

Lecture 57: CSS Column Properties (Column-rule, Column-span, Column-width) | CSS Tutorial in Hindi (Lesson 57)

Lecture 58: CSS Opacity and Transition Property with Example | CSS Tutorial in Hindi (Lesson 58)

Lecture 59: Add to cart botton pop up over image using HTML and CSS | CSS Tutorial in Hindi (Lesson 59)

Lecture 60: Display Property | None | Block | Inline | Part 1 | CSS Tutorial in Hindi (Lesson 60)

Lecture 61: Display Property | Inline-block | Flex | List-item | Part 2 | CSS Tutorial in Hindi (Lesson 61)

Lecture 62: CSS Properties | Resize | Text-indent | CSS Tutorial in Hindi (Lesson 62)

Lecture 63: What is CSS3 Animation ? Properties of CSS3 Animation | CSS Tutorial in Hindi (Lesson 63)

Lecture 64: CSS @keyframes & Animation (name , duration, delay | CSS 3 properties | CSS Tutorial (Lesson 64)

Lecture 65: CSS Animation (iteration-count, direction, fill-mode ) | CSS Tutorial (Lesson 65 )

Lecture 66: CSS3 Property animation-timing-function | CSS Tutorial (Lesson 66 )

Lecture 67: Cloud Animation | Animation using CSS3 Properties | CSS Tutorial (Lesson 67 )

Lecture 68: CSS Grid Properties Part 1 | CSS Tutorial (Lesson 68 )

Lecture 69: CSS Grid Properties Part 2 | CSS Tutorial (Lesson 69 )

Lecture 70: CSS Properties - Min and Max Height & Min and Max Width | CSS Tutorial (Lesson 70 )