Web-Dev/css.html at main · GuTS805/Web-Dev · 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
40
41
42
43
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        p{
            color:#ff0000;
        }
    </style>

    <link rel="stylesheet" href="forIndex.css">
    <h1 style="color:azure">Heading with Violet</h1>
    <p id="one">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
    <p id="two">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
    <p id="three"> It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    <div id="five">This div is yellow</div>
    <p class="group1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
    <p class="group2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
    <p class="group1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>

    <h1>This is CSS</h1>
    <h2>This is CSS</h2>
    <h3>This is CSS</h3>
    <button id="six"style="color:white">Helloooooooo</button>
    <button id="seven"style="color:white">Helloooooooo</button>
    <button id="eight"style="color:white">Helloooooooo</button>
    <h1 id="main-heading">Orange</h1>
    <ul class="featured">
        <li style="color:azure">Green1</li>
        <li style="color:azure">Green2</li>
        <li style="color:azure">Black</li>
    </ul>
    <p id="alert" class="message">This is an important message.Priority of id is more.</p>
    <a href="contactme.html" target="_blank".style="color:white">Link</a>
    <img src="ABES EC.jpeg" alt="ABES logo">


</body>
</html>