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
ovning8b.html
73 lines UTF-8 Windows (CRLF)
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<title>Övning 8b</title>
<link rel="stylesheet" href="./css/css_ovning8b.css" />
</head>
<body>
<div class="container">
<div id="item1"><p class="title">Bildfilformat</p></div>
<div id="item2"><p class="undertitle"><b>Rastergrafik</b></p></div>
<div id="item3">
<p><b>jpg</b></p>
<p>Vad står förkortningen för?</p>
<p>Vad innebär formatet?</p>
<p>Fördelar/nackdelar?</p>
<p>Främsta användningsområdet?</p>
<p><img src="./bilder/apple.jpg" alt="apple"></p>
</div>
<div id="item4">
<p><b>gif</b></p>
<p>Vad står förkortningen för?</p>
<p>Vad innebär formatet?</p>
<p>Fördelar/nackdelar?</p>
<p>Främsta användningsområdet?</p>
<p><img src="./bilder/ball.gif" alt="ball"></p>
</div>
<div id="item5">
<p><b>png</b></p>
<p>Vad står förkortningen för?</p>
<p>Vad innebär formatet?</p>
<p>Fördelar/nackdelar?</p>
<p>Främsta användningsområdet?</p>
<p><img src="./bilder/ipadress.png" alt="ipadress"></p>
</div>
<div id="item6"><p class="undertitle"><b>Vektorgrafik</b></p></div>
<div id="item7">
<p><b>wmf - gammalt</b></p>
<p>Vad står förkortningen för?</p>
<p>Vad innebär formatet?</p>
<p>Fördelar/nackdelar?</p>
<p>Främsta användningsområdet?</p>
<p><img src="./bilder/boxer.wmf" alt="boxer"></p>
</div>
<div id="item8">
<p><b>svg</b></p>
<p>Vad står förkortningen för?</p>
<p>Vad innebär formatet?</p>
<p>Fördelar/nackdelar?</p>
<p>Främsta användningsområdet?</p>
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<g id="imagebot_1">
<title>Layer 1</title>
<circle id="imagebot_5" r="37.09338" cy="53.01466" cx="50.26214" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#ff7f00"/>
</g>
<g id="imagebot_6">
<title>Layer 2</title>
<path transform="translate(32.768 36.7002) matrix(0.111857 0 0 0.111857 0 0)" d="M 40.5 100 L 259.5 100 M 150.5 194 L 257.5 299 M 150.5 193 L 50.5 299 M 150 68 L 150 193 M 183.242 34.2422 C 183.242 52.6013 168.359 67.4844 150 67.4844 C 131.641 67.4844 116.758 52.6013 116.758 34.2422 C 116.758 15.883 131.641 1 150 1 C 168.359 1 183.242 15.883 183.242 34.2422 Z" id="imagebot_7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="null" stroke-width="3" stroke="#000000" fill="#ccc"/>
<path transform="translate(10.7479 37.7487) matrix(1.14674 0 0 1.14674 0 1.57286)" d="M 16.1221 8.44968 C 11.8847 8.44968 8.44968 11.8847 8.44968 16.1221 C 8.44968 20.3595 11.8847 23.7945 16.1221 23.7945 C 20.3595 23.7945 23.7945 20.3595 23.7945 16.1221 C 23.7945 11.8847 20.3595 8.44968 16.1221 8.44968 Z M 18.6185 11.569 C 19.1115 11.569 19.5096 12.3519 19.5096 13.3174 S 19.1105 15.0663 18.6185 15.0663 C 18.1265 15.0663 17.7274 14.2834 17.7274 13.3179 S 18.127 11.569 18.6185 11.569 Z M 13.5375 11.569 C 14.0295 11.569 14.4286 12.3519 14.4286 13.3174 S 14.03 15.0663 13.5375 15.0663 S 12.6464 14.2834 12.6464 13.3179 S 13.0455 11.569 13.5375 11.569 Z M 16.1332 21.401 C 14.6165 21.401 13.1965 20.4735 11.9739 18.8613 C 13.2392 19.6869 14.6244 20.1473 16.0777 20.1473 C 17.6208 20.1473 19.0872 19.6299 20.4144 18.704 C 19.1659 20.4149 17.7005 21.401 16.1332 21.401 Z" id="imagebot_12" fill-opacity="null" stroke-opacity="null" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="null" stroke-width="0.5" stroke="#000000" fill="#ccc"/>
<path id="imagebot_13" transform="translate(0.262144 0) matrix(1.14674 0 0 1.14674 53.4774 38.7973)" d="M 16.1221 8.44968 C 11.8847 8.44968 8.44968 11.8847 8.44968 16.1221 C 8.44968 20.3595 11.8847 23.7945 16.1221 23.7945 C 20.3595 23.7945 23.7945 20.3595 23.7945 16.1221 C 23.7945 11.8847 20.3595 8.44968 16.1221 8.44968 Z M 18.6185 11.569 C 19.1115 11.569 19.5096 12.3519 19.5096 13.3174 S 19.1105 15.0663 18.6185 15.0663 C 18.1265 15.0663 17.7274 14.2834 17.7274 13.3179 S 18.127 11.569 18.6185 11.569 Z M 13.5375 11.569 C 14.0295 11.569 14.4286 12.3519 14.4286 13.3174 S 14.03 15.0663 13.5375 15.0663 S 12.6464 14.2834 12.6464 13.3179 S 13.0455 11.569 13.5375 11.569 Z M 16.1332 21.401 C 14.6165 21.401 13.1965 20.4735 11.9739 18.8613 C 13.2392 19.6869 14.6244 20.1473 16.0777 20.1473 C 17.6208 20.1473 19.0872 19.6299 20.4144 18.704 C 19.1659 20.4149 17.7005 21.401 16.1332 21.401 Z" fill-opacity="null" stroke-opacity="null" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="null" stroke-width="0.5" stroke="#000000" fill="#ccc"/>
<path transform="translate(-0.262144 0) matrix(0.111179 0 0 0.111179 32.5059 60.5553)" d="M 152.857 61.0716 C 177.538 61.0716 197.56 81.113 197.56 105.793 C 197.56 130.474 177.538 150.496 152.857 150.496 C 128.177 150.496 108.155 170.537 108.155 195.218 C 108.155 219.898 128.177 239.92 152.857 239.92 C 202.218 239.92 242.281 199.857 242.281 150.496 C 242.281 101.135 202.218 61.0716 152.857 61.0716 Z M 152.857 91.8178 C 145.141 91.8178 138.882 98.0767 138.882 105.793 C 138.882 113.51 145.141 119.769 152.857 119.769 C 160.574 119.769 166.833 113.51 166.833 105.793 C 166.833 98.0767 160.574 91.8178 152.857 91.8178 Z M 152.857 181.242 C 160.57 181.242 166.833 187.505 166.833 195.218 C 166.833 202.93 160.57 209.193 152.857 209.193 C 145.145 209.193 138.882 202.93 138.882 195.218 C 138.882 187.505 145.145 181.242 152.857 181.242 Z M 240.276 150.553 C 240.276 199.877 200.291 239.862 150.967 239.862 C 101.643 239.862 61.6575 199.877 61.6575 150.553 C 61.6575 101.229 101.643 61.2437 150.967 61.2437 C 200.291 61.2437 240.276 101.229 240.276 150.553 Z" id="imagebot_14" fill-opacity="null" stroke-opacity="null" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="null" stroke-width="3" stroke="#000000" fill="#ccc"/>
<path transform="rotate(24.5398 49.0849 26.3864) matrix(0.111848 0 0 0.111848 32.1783 9.47923)" d="M 167.017 108.333 L 105.874 147.103 L 166.262 160.423 L 110.446 202.046 L 87.9113 195.017 L 103.894 235.137 L 167.413 217.633 L 140.594 210.316 L 213.419 150.532 L 146.849 139.697 L 211.133 99.2979 L 174.464 93.2322 L 214.402 67.5566 L 199.73 67.1876 L 137.755 102.412 L 167.017 108.333 L 167.017 108.333 Z" id="imagebot_15" fill-opacity="null" stroke-opacity="null" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="null" stroke-width="3" stroke="#000000" fill="#ccc"/>
</g>
</svg>
</div>
<div id="item9">
<p><span class="bigletter">L</span>ove <span class="bigletter">B</span>lomberg - 2023-14/11</p>
</div>
</div>
</body>
</html>