Web_dev_learn/class4.html at main · Allwina/Web_dev_learn · 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 http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Class4</title>
    <!-- iNTERNAL -->
    <style>
        /*tag name*/
        h2{
            color: brown;
            font-size: 60px;
            font-family: cursive;
            background-color: bisque;

        }
        /* Using ID name */
        #myid{
            color: whitesmoke;
            font-size: 60px;
            font-family: cursive;
            background-color: yellowgreen;
            text-align: center;
        }
    </style>
</head>
<body>
    <div align="left">
        <!-- Inline  -->
        <h1 style="color:rgba(255, 21, 0, 0.886); font-size:66px;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;background-color: chartreuse;">Welcome all</h1>
        <h2>Internal</h2><br>
        <h2 id="myid">using tags</h2>

        <img src="https://images.pexels.com/photos/13442289/pexels-photo-13442289.jpeg?auto=compress&cs=tinysrgb&w=400&lazy=load" alt=""><br>
        <img src="leaf.jpg" width="500px" height="500px"><br>
        <video src="jobin.mp4"controls></video><br>
       <!-- <audio src=".mp3" controls></audio> -->
       <iframe width="560" height="315" src="https://www.youtube.com/embed/qRpIVAfzkwM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>">

    </div>
</body>
</html>