XTWorks/index.html at master · techno2mahi/XTWorks · 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
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet"  href="./css/main.css" >
    <style>
    #emphasis
    {
        color: red;
    }
    .green-emphasis
    {
        color: green;
    }

    li:nth-child(2)
    {
        color:orange;
    }
</style>
</head>
<body class="body-bg">
    <p style="color: green">This is the paragraph</p>

    <h1>TESTING THE NEW HTML TAGS</h1>

    <H3>1. Definition List</H3>
    <dl>
        <dt>This is the type</dt>
        <dd>This is the definition</dd>
    </dl>
    <H3>2.Block quote</H3>
    <blockquote>
        <paragraph>
            This is the quote wrapped ina a paragraph.
        </paragraph>
          <p>
            This is the quote wrapped ina a paragraph.
        </paragraph>
    </blockquote>

     <H3>3.Images </H3>
     <img src="img/image1.jpg" alt="People image"></img> <br>
     <img height="100; width: 300" src="http://media.corporate-ir.net/media_files/IROL/17/176060/img/logos/amazon_logo_RGB.jpg" alt="link image"></img>
          <H3>4.Ephasis on a single LI </H3>
          <ul>
              <li>One</li>
              <li>two</li>
              <li id="emphasis">three</li>
              <li class="green-emphasis">Fourth added class green emphasis</li>
          </ul>
    </body>
</html>