fullstack_lab1/practical_3.html at master · Aryan7895/fullstack_lab1 · 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
44
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
        .red {
            color: red;
        }

        .blue {
            color: blue;
        }

        #light {
            color: teal;
        }
    </style>
</head>

<body>
    <h2 class="red">Practical-3 : Create a Web Page showing a basic HTML structure using character Entities and span Tag</h2>
    <h1>Output :</h1>
    <div>
        <pre>
    &lt;&excl;DOCTYPE <span class="red">html</span>&gt;
    &lt;html <span class="red">lang</span>&equals;<span class="blue">&quot;en&quot;</span>&gt;
    &lt;head&gt;
        &lt;meta <span class="red">charset</span>&equals;<span class="blue">&quot;UTF&dash;8&quot;</span>&gt;
        &lt;meta <span class="red">name</span>&equals;<span class="blue">&quot;viewport&quot;</span> <span class="red">content</span>&equals;<span class="blue">&quot;width&equals;device&dash;width&comma; initial&dash;scale&equals;1.0&quot;</span>&gt;
        &lt;title>Document&lt;&#47;title&gt;
    &lt;&#47;head&gt;
    &lt;body&gt;
    <span id="light">&lt;&excl;&dash;&dash; this is html comment &dash;&dash;&gt;</span>
    Write your content here.....
    &lt;&#47;body&gt;
    &lt;&#47;html&gt;
        </pre>
    </div>
</body>

</html>