HTML-Full-Course/Lecture 09.html at main · ZA5starCoder/HTML-Full-Course · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!-- In this Lecture we will discuse about Ids & Classes in HTML -->
<!-- First we insert our boiler Plate -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ids & Classes</title>
</head>

<body>
    <!-- For Example we suppose a University Example in a University every
    student have its own Identity and class .  In HTML these type of
    Unique Ids and classes . We cannot give same ID and class in any Eeelment -->
    <h2>ID & Class</h2>
    <div id="Sir" class="Programmer">
        You can give any Unique name of ID & Class
    </div>
    <!-- When we study Javascript & CSS we can call from this class or ID
    number -->
    <!-- For Example if we have 100 elements in class and we want to give
    a unique color then we cannot change color one by one . we access
    class or ID in CSS and change whole class color-->
    <!-- Emmet use in class and ID  -->
    <!-- ( . ) is used to define class -->
    <div class="class blackbacground redbg"></div>
    <!-- ( div#Myclass + Press Enter) is used to define ID -->
    <div id="Myclass"></div>
    <!-- For Example -->
    <!-- (span.class.class1.class2*4 + Press Enter) They Write span 4 time-->
    <span class="Myclass Myclass1 Myclass2"></span>
    <span class="Myclass Myclass1 Myclass2"></span>
    <span class="Myclass Myclass1 Myclass2"></span>
    <span class="Myclass Myclass1 Myclass2"></span>
</body>

</html>