https://www.htxarduino.dk/index.php?action=history&feed=atom&title=HTML_BilledeHTML Billede - Versionshistorie2026-08-18T17:54:52ZVersionshistorie for denne side i HTX ArduinoMediaWiki 1.45.1https://www.htxarduino.dk/index.php?title=HTML_Billede&diff=5252&oldid=prevBar: /* Kildeliste */2022-12-06T20:39:39Z<p><span class="autocomment">Kildeliste</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="da">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 6. dec. 2022, 22:39</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l41">Linje 41:</td>
<td colspan="2" class="diff-lineno">Linje 41:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Webdesign}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Webdesign}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{webdesign}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[kategori:Kategori]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[kategori:Kategori]]</div></td></tr>
</table>Barhttps://www.htxarduino.dk/index.php?title=HTML_Billede&diff=5251&oldid=prevBar: /* Kildeliste */2022-12-06T20:38:30Z<p><span class="autocomment">Kildeliste</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="da">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 6. dec. 2022, 22:38</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l41">Linje 41:</td>
<td colspan="2" class="diff-lineno">Linje 41:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Webdesign}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Webdesign}}</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{webdesign}}</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[kategori:Kategori]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[kategori:Kategori]]</div></td></tr>
</table>Barhttps://www.htxarduino.dk/index.php?title=HTML_Billede&diff=3253&oldid=prevBar: /* Tag til et billede */2022-10-24T19:28:23Z<p><span class="autocomment">Tag til et billede</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="da">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 24. okt. 2022, 21:28</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22">Linje 22:</td>
<td colspan="2" class="diff-lineno">Linje 22:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <nowiki><img src="billede.jpg" alt="Dette er bare et eksempel på et billede" /></nowiki></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <nowiki><img src="billede.jpg" alt="Dette er bare et eksempel på et billede" /></nowiki></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Det vil få følgende visning:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Det vil få følgende visning: </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[image:Bent-red.jpg|Dette er bare et eksempel på et billede]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[image:Bent-red.jpg|Dette er bare et eksempel på et billede]]</div></td></tr>
</table>Barhttps://www.htxarduino.dk/index.php?title=HTML_Billede&diff=3164&oldid=prevBar: 1 version importeret2022-10-24T18:18:23Z<p>1 version importeret</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="da">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 24. okt. 2022, 20:18</td>
</tr><tr><td colspan="2" class="diff-notice" lang="da"><div class="mw-diff-empty">(Ingen forskel)</div>
</td></tr></table>Barhttps://www.htxarduino.dk/index.php?title=HTML_Billede&diff=3163&oldid=prevhtx_>Bar med 8. dec. 2012, 22:532012-12-08T22:53:04Z<p></p>
<p><b>Ny side</b></p><div>Billeder kan bruges til mange forskellige ting på hjemmesider.<br />
<br />
==Billeder til layout==<br />
Man kan anvende dem til grafisk layout af siden, hvor der er forskellige måder at gøre det på:<br />
* baggrundsbillede<br />
* header / banner i toppen / logo<br />
* grafiske dele til at give rammerne af siden<br />
* grafiske elementer / ikoner til f.x. navigation, identifikation eller andet<br />
<br />
==Billeder med information==<br />
Billeder er også godt til at understøtte teksten med, hvor man tit anvender foto eller grafiske illustrationer. <br />
<br />
Det er her vigtigt at man placerer billederne fornuftigt, så de hænger sammen med den tekst man skriver, og man skal også være opmærksom på at billeder og tekst skal kunne fungere fornuftigt i forskellige vindues-størrelser og i de gængse browsere.<br />
<br />
==Tag til et billede==<br />
HTML-koden (tagget) er img, og er et tag uden indhold, det vil sige det starter og slutter i samme tag. Der skal dog sættes egenskaber på tagget for at det virker, nemlig src der angiver navnet på billedfilen, der normalt henvises med en [[relativ sti]] enten direkte i samme mappe eller i en undermappe.<br />
<br />
Normalt vil man også angive en alternativ tekst (i egenskaben alt), der kan vises når man holder musen over billedet, eller hvis billedet ikke kan vises skrives denne tekst. Der er flere fordele ved denne alternative tekst. Dels bliver billedet søgbart, så det kan findes i en søgemaskine, og dels vil siden blive handikapvenlig, så man kan få læst forklaringen på billedet op.<br />
<br />
Tagget til et billede ser ud som følger:<br />
<br />
<nowiki><img src="billede.jpg" alt="Dette er bare et eksempel på et billede" /></nowiki><br />
<br />
Det vil få følgende visning:<br />
<br />
[[image:Bent-red.jpg|Dette er bare et eksempel på et billede]]<br />
<br />
==Kilder til billeder==<br />
Hvis man ikke selv har fremstillet disse skal man ALTID angive hvor man har dem fra, og hvis man offentliggør siden skal man desuden have lov af den der har fremstillet billedet.<br /><br />
Det ser dog sjældent kønt ud at sætte kilden, og slet ikke hele stien ind i siden som tekst, derfor vil man normalt gøre det som en [[HTML Kommentar]], så det ser ud som følger i koden :<br />
<br />
<nowiki><!-- Billede fra http://elevweb.ucholstebro.dk/htx/komm-it/Filer/logo.png --></nowiki><br />
<br />
===Kildeliste===<br />
Vil man gøre ekstra meget ud af sine kilder, så kan man lave en underside på sit site der angiver hvilke kilder man har anvendt - her skal man kun angive roden af domænet, der i dette tilfælde ville være:<br />
<br />
* elevweb.ucholstebro.dk<br />
<br />
Skulle man gøre ekstra ud af det, så kunne man komme med en kort omtale af de dokumenter man har anvendt, så man viser at man har forholdt sig kildekritisk til det man laver. Det kunne se ud som følger:<br />
* elevweb.ucholstebro.dk<br />Sitet indeholder de materialer som lærere og elever har offentliggjort fra det gamle tekniske skole - man skal være kritisk med hvilke dele man anvender herfra.<br />
<br />
{{Webdesign}}<br />
[[kategori:Kategori]]</div>htx_>Bar