{"id":623,"date":"2026-01-23T16:50:08","date_gmt":"2026-01-23T16:50:08","guid":{"rendered":"https:\/\/bliv-klogere.dk\/?page_id=623"},"modified":"2026-02-05T17:42:44","modified_gmt":"2026-02-05T17:42:44","slug":"4-arbejdsgang-ift-kodning-af-html-sider","status":"publish","type":"page","link":"https:\/\/bliv-klogere.dk\/index.php\/4-arbejdsgang-ift-kodning-af-html-sider\/","title":{"rendered":"4. HTML kodning: Arbejdsgang ift. link og visning af billeder"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indholdsfortegnelse<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/bliv-klogere.dk\/index.php\/4-arbejdsgang-ift-kodning-af-html-sider\/#1_Link\" >1. Link<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/bliv-klogere.dk\/index.php\/4-arbejdsgang-ift-kodning-af-html-sider\/#2_Billeder\" >2. Billeder<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Link\"><\/span>1. Link<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;a&nbsp;href=&#8221;<em>url<\/em>&#8220;&gt;<em>link text<\/em>&lt;\/a&gt;<\/li>\n\n\n\n<li>\u201curl\u201d = Det, du gerne vil \u00e5bne. En hjemmeside eller en fil<\/li>\n\n\n\n<li>\u201dlink text\u201d = Det, som brugeren ser, og som bliver klikbart<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Eksempler p\u00e5 link<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;p&gt;Link til &lt;a href =\u201dhttps:\/\/www.dr.dk\u201d&gt;Danmarks Radio&lt;\/a&gt;&lt;\/p&gt;<\/li>\n\n\n\n<li>&lt;p&gt;Link til &lt;a href = \u201cside2.html\u201d&gt;Side 2&lt;\/a&gt;&lt;\/p&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Her har jeg sat de 2 koder ind i W3Schools. Koden til venstre (1), resultatet th. Bem\u00e6rk at brugeren kun ser det, der st\u00e5r inde i &lt;a&gt;-tagget. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"296\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-232-1024x296.png\" alt=\"\" class=\"wp-image-630\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-232-1024x296.png 1024w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-232-300x87.png 300w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-232-768x222.png 768w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-232.png 1121w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Link til <a href=\"https:\/\/bliv-klogere.dk\/index.php\/4-arbejdsgang-ift-kodning-af-html-sider\/\">toppen af siden<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Billeder\"><\/span>2. Billeder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hav en mappe klar p\u00e5 forh\u00e5nd til dine billeder inde i din hjemmesidemappe, her mappen \u201dbilleder\u201d (1) i mappen Hjemmeside om hunde (2) <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"236\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-233.png\" alt=\"\" class=\"wp-image-631\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-233.png 629w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-233-300x113.png 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hjemmesiden handler om hunde<\/li>\n\n\n\n<li>G\u00e5 p\u00e5 nettet og find et billede af en hund (1)<\/li>\n\n\n\n<li>H\u00f8jreklik p\u00e5 billedet for at gemme det (1), v\u00e6lg fra lokalmenuen Gem billede som (2)<\/li>\n\n\n\n<li>Gem billedet i en mappe inde i din hjemmeside-mappe i den forberedte mappe \u201dBilleder&#8221;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"632\" height=\"363\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-234.png\" alt=\"\" class=\"wp-image-632\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-234.png 632w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-234-300x172.png 300w\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gem billedet i mappen Billeder (1)<\/li>\n\n\n\n<li>Giv billedet et sigende navn (2)<\/li>\n\n\n\n<li>Til sidst gem billedet (3)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"492\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-235.png\" alt=\"\" class=\"wp-image-633\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-235.png 638w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-235-300x231.png 300w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Du har nu gemt billedet som hund.wepb i mappen billeder<\/li>\n\n\n\n<li>S\u00e6t koden her ind i din HTML<br>&lt;img src=\u201dbilleder\/hund.wepb\u201d&gt;<\/li>\n\n\n\n<li>S\u00e5 ser du billedet i din browser. Og hvis ikke, s\u00e5 klik p\u00e5 knappen Opdater eller F5. T\u00e6nk p\u00e5 digtet <br>&#8220;<em>Hvis din sk\u00e6rm er slem\/<br>   s\u00e5 klik p\u00e5 F5<\/em>&#8220;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"807\" height=\"547\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-236.png\" alt=\"\" class=\"wp-image-634\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-236.png 807w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-236-300x203.png 300w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-236-768x521.png 768w\" sizes=\"auto, (max-width: 807px) 100vw, 807px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Link til <a href=\"https:\/\/bliv-klogere.dk\/index.php\/4-arbejdsgang-ift-kodning-af-html-sider\/\">toppen af siden<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Link Eksempler p\u00e5 link Her har jeg sat de 2 koder ind i W3Schools. Koden til venstre (1), resultatet th. Bem\u00e6rk at brugeren kun ser det, der st\u00e5r inde i &lt;a&gt;-tagget. Link til toppen af siden. 2. Billeder Link til toppen af siden.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-623","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/pages\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":3,"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":1424,"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/pages\/623\/revisions\/1424"}],"wp:attachment":[{"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}