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

ovningflexbox.html

42 lines ASCII Windows (CRLF)
<!DOCTYPE html>
<html lang="sv">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flexbox</title>
    <style> 
        .container {
            display: flex;
            justify-content: center;
            align-items: center; 
            background-color: lightgreen;
        height: 300px;
        }
        .container_2{
            display: flex;
            justify-content: space-around;
            align-items:center;
            background-color: lightgoldenrodyellow;
        height: 300px;
        }
    </style>
</head>
<body>
<div class="container">
    <img alt="kanin" src="kanin.png" width="90px" height="90px">
</div>

<div class="container_2">
    <img alt="apa" src="apa.jpg" width="67px" height="90px">
    <img alt="krokodil" src="krokodil.jpg" width="67px" height="90px">
    <img alt="apa" src="apa.jpg" width="67px" height="90px">
</div>

<div class="container_3">
    <img alt="kanin" src="kanin.png">
    <img alt="apa" src="apa.jpg">
    <img alt="krokodil" src="krokodil.jpg">
</div>

</body>
</html>