Webbserverprogrammering 1

Show sourcecode

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

public_html/exercises/

Projekt/
cm.html
formPostTest/
index.html
javascript.html
ovning0.html
ovning01.html
ovning02.html
ovning03.html
ovning04.html
ovning06.html
ovning07.html
ovning08.html
ovning09.css
ovning09ap.html
ovning09app.html
ovning09ba.html
ovning10.html
ovningjs02.html
piano.html
quizeovning.php
spel.html
test.html

ovning08.html

117 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

<!DOCTYPE html>
<html lang="sv">
<head>
    <title>Axel Dauchez</title>
    <meta charset="utf-8">
    <style>

        .gridcontainer{
            display: grid;
            grid-template-columns: auto auto auto auto auto auto ;
            grid-template-rows: 80px 50px 120px 50px 120px 100px;
            width: 800px;
            border: black solid 1px;
            margin-left: auto;
            margin-right: auto;
            background-color: #eee;
            text-align: left;
        }
        .gridcontainer > div {
            border: black solid 1px;
        }
        #bildformat{
            grid-column: 1/ span 6;
            text-align: center;
            color: white;
            background-color: #555
            
        }
        #rastergrafik{
            grid-column: 1/ span 6;
            background-color: #ccc;
        }
        #jpg{
            grid-column: 1/3;
        }
        #gif{
            grid-column: 3/5;
        }
        #png{
            grid-column: 5/7;
        }
        #vektorgrafik{
            grid-column: 1/7;
            background-color: #ccc;
        }
        #wmf{
            grid-column: 1/4;
        }
        #svg{
            grid-column: 4/7;
        }
        #footer{
            grid-column: 1/7;
            background-color: #ccc;
            text-align: center;
        }

        
        </style>
</head>

<body>
<div class="gridcontainer">
<div id="bildformat" ><h1>bildformat</h1></div>

<div id="rastergrafik" ><h2>rastergrafik</h2></div>

<div id="jpg" ><strong>jpg</strong> <br>
Vad står förkortningen för? <br>
Vad innebär formatet? <br>
Fördelar/Nackdelar? <br>
Främsta annvändningsområde? <br>
Ett exempel!
</div>

<div id="gif" ><strong>gif</strong> <br>
vad står förkortningen för? <br>
Vad innebär formatet? <br>
Fördelar/Nackdelar? <br>
Främsta annvändningsområde? <br>
Ett exempel!
</div>

<div id="png" > <strong>png</strong> <br>
vad står förkortningen för? <br>
Vad innebär formatet? <br>
Fördelar/Nackdelar? <br>
Främsta annvändningsområde? <br>
Ett exempel!
</div>

<div id="vektorgrafik" ><h2>vektorgrafik</h2></div>

<div id="wmf" ><strong>wmf</strong> <br>
vad står förkortningen för? <br>
Vad innebär formatet? <br>
Fördelar/Nackdelar? <br>
Främsta annvändningsområde? <br>
Ett exempel!
</div>

<div id="svg" ><strong>svg</strong> <br>
vad står förkortningen för? <br>
Vad innebär formatet? <br>
Fördelar/Nackdelar? <br>
Främsta annvändningsområde? <br>
Ett exempel!
</div>

<div id="footer" ></div>

</div>
</body>


</html>