Web_Pre_Intern/multiple.html at master · EaintMM/Web_Pre_Intern · 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>
    <head>
        <title>Test Selector</title>
        <style>
            h2,h3{
                color: magenta;

            }
            ol > li{
                color: darkblue;
            }
        </style>
    </head>
    <body>

        <h2 id="city1">Yangon</h2>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta provident distinctio pariatur. Recusandae necessitatibus dolorum odio, reiciendis magni, ipsam non earum at inventore voluptates, molestias neque. Deleniti praesentium voluptates saepe?
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et quisquam delectus, voluptatibus facere magnam, alias quibusdam consequatur cupiditate in omnis ex. Ab cupiditate voluptatem neque sequi asperiores vitae hic maxime?
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos unde inventore quidem! Reiciendis quasi deleniti consequuntur vitae quae impedit perferendis sequi ullam asperiores natus, sed numquam illo eos optio dolore?
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos consequatur at velit. Esse molestiae deleniti est. Rem aperiam vero, ex, adipisci ipsam quidem repellendus eligendi sunt praesentium quasi, blanditiis eveniet?
        </p>
        <h3 id="city2">Mandalay</h3>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta provident distinctio pariatur. Recusandae necessitatibus dolorum odio, reiciendis magni, ipsam non earum at inventore voluptates, molestias neque. Deleniti praesentium voluptates saepe?
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias totam sint mollitia omnis quasi earum. In voluptatibus corporis expedita voluptatem enim laborum voluptatum velit optio deleniti, ipsam, quas reiciendis debitis.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates natus recusandae maiores expedita nobis quaerat iure reprehenderit provident! Modi placeat dolorum asperiores saepe officiis cupiditate deserunt doloribus quo pariatur deleniti.
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus sequi dolorum vitae dolore, cum delectus ab labore? Perspiciatis, quisquam nisi reiciendis, deserunt, sapiente optio natus quaerat nostrum dolorum aut quae.
        </p>

        <ol>
            <li><a href="#city1"> Yangon</a></li>
            <li><a href="#city2"> Mandalay</a></li>
                <ul>
                    <li>Chan Mya Tharzi</li>
                    <li>Aung Myay Tharzan</li>
                    <li>Pyi Giy Tagon</li>
                </ul>
            <li><a href=""> Taunggyi</a></li>
            <li><a href="">Kalaw</a></li>
        </ol>

    </body>
</html>