Webbserverprogrammering 1

Show sourcecode

The following files exists in this folder. Click to view.

webbsrvprg/style/webbsrvprg/webbutveckling1/Övningar/

61GgijAIoDL._AC_UF1000,1000_QL80_.jpg
CSS/
Pawmatchhh.png
apa.jpg
ex.html
foretagsprojekt/
foretagsprojekt.zip
goldie.jpg
jamie.html
javascript.html
javascript_cart.html
jquery.html
kanin.png
krokodil.jpg
labradoodle.jpg
labrador.jpg
loggapaw.png
maldiverna.jpg
mason.jpg
mosaic.jpg
ovning0.html
ovning1.html
ovning2.html
ovning3.html
ovning4_a.html
ovning4_b.html
ovning4_c.html
ovning6.html
ovning8.html
ovning9.html
ovning9apelsin.html
ovning9äpple.html
ovningflexbox.html
ovningform.html
ovningssida.html
responsivewebb/
startsida.hund.jpeg
startsida.hund2.jpg
sunset.la.webp
test.html
testsida.html
wp9473997-maldives-4k-wallpapers.jpg
wp9474007-maldives-4k-wallpapers.jpg

ovning6.html

43 lines UTF-8 Windows (CRLF)
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>Övning 6</title>
    <style>
        .lager1 {
            position: absolute;
            background-color: yellow;
            z-index: 3;
            left: 15px;
            top: 50px;
            width: 170px;
            height: 130px;
        }

        .lager2 {
            position: absolute;
            background-color: blue;
            z-index: 1;
            width: 170px;
            height: 130px;
        }

        .lager3 {
            position: absolute;
            background-color: green;
            z-index: 2;
            left: 30px;
            top: 25px;
            width: 170px;
            height: 130px;
        }

    </style>
</head>
<body>
    <div class="lager1">Lager 1 har gul färg. <br> Märk väl i vilken ordning<br> lagren läggs in i sidan och <br> vilket som är överlappande<br> i den gemensamma ytan</div>
    <div class="lager2">Lager 2 har blå färg</div>
    <div class="lager3">Lager 3 har grön färg</div>
</body>
</html>