Webbserver - Love Blomberg

Show sourcecode

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

public_html/gamla-kurser/webbutv1/ovningar/

baskod.html
bentogrid.html
bilder/
css/
gimp_logga.html
index.html
js/
meny1/
meny2/
ovning-flexbox.html
ovning0.html
ovning00.html
ovning1.html
ovning10.html
ovning11.html
ovning12.html
ovning2.html
ovning3.html
ovning4.html
ovning5.html
ovning6.html
ovning6b.html
ovning7.html
ovning8a.html
ovning8b.html
ovning9a.html
ovning9b.html
ovning9c.html
ovning9d.html
sida2.html

ovning6b.html

103 lines UTF-8 Windows (CRLF)
<!DOCTYPE html>
<html lang="sv">

<head>
    <meta charset="utf-8">
    <title>Övning 6</title>
    <style>
        h1 {
            font-family: Arial, Helvetica, sans-serif;
            font-style: Arial;
            font-size: 100px;
        }

        #L {
            position: absolute;
            left: 50px;
            top: 20px;
            color: red;
            z-index: 1;
            text-shadow: 5px 5px 5px black;
        }

        #O {
            position: absolute;
            left: 80px;
            top: 30px;
            color: orange;
            z-index: 2;
            text-shadow: 5px 5px 5px black;
        }

        #V {
            position: absolute;
            left: 110px;
            top: 40px;
            color: yellow;
            z-index: 3;
            text-shadow: 5px 5px 5px black;
        }

        #E {
            position: absolute;
            left: 150px;
            top: 50px;
            color: green;
            z-index: 4;
            text-shadow: 5px 5px 5px black;
        }

        #L2 {
            position: relative;
            left: 50px;
            color: red;
            z-index: 1;
            text-shadow: 5px 5px 5px black;
        }

        #O2 {
            position: relative;
            left: 80px;
            top: -150px;
            color: orange;
            z-index: 2;
            text-shadow: 5px 5px 5px black;
        }

        #V2 {
            position: relative;
            left: 110px;
            top: -300px;
            color: yellow;
            z-index: 3;
            text-shadow: 5px 5px 5px black;
        }

        #E2 {
            position: relative;
            left: 150px;
            top: -450px;
            color: green;
            z-index: 4;
            text-shadow: 5px 5px 5px black;
        }
    </style>
</head>

<body>
    <div>
        <h1 id="L">L</h1>
        <h1 id="O">O</h1>
        <h1 id="V">V</h1>
        <h1 id="E">E</h1>
    </div>
    <br><br><br><br><br><br><br><br>
    <div>
        <h1 id="L2">L</h1>
        <h1 id="O2">O</h1>
        <h1 id="V2">V</h1>
        <h1 id="E2">E</h1>
    </div>
</body>

</html>