{"id":148,"date":"2026-01-21T17:11:58","date_gmt":"2026-01-21T17:11:58","guid":{"rendered":"https:\/\/bliv-klogere.dk\/?page_id=148"},"modified":"2026-02-05T17:41:15","modified_gmt":"2026-02-05T17:41:15","slug":"2-rutine-for-basis-kodning","status":"publish","type":"page","link":"https:\/\/bliv-klogere.dk\/index.php\/2-rutine-for-basis-kodning\/","title":{"rendered":"2. Rutine for basis kodning"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>I stifinderen lav en mappe, der har navnet p\u00e5 din hjemmeside. F.eks. &#8220;Hjemmeside&#8221;. L\u00e6g den gerne i mappen &#8220;Dokumenter&#8221;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Koden oprettes<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Koden skriver du i starten hos W3Schools. <a href=\"https:\/\/www.w3schools.com\">www.w3schools.com<\/a><\/li>\n\n\n\n<li>V\u00e6lg HTML (hvis du skal lave HTML, som man starter med) (1). V\u00e6lg f.eks. HTML Introduction (2) &gt; Try it Yourself (3). <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-7-1024x535.png\" alt=\"\" class=\"wp-image-149\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-7-1024x535.png 1024w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-7-300x157.png 300w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-7-768x401.png 768w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-7.png 1175w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Du er nu inde i W3Schools&#8217; editor<\/li>\n\n\n\n<li>Rediger koden, s\u00e5 den passer til det, du vil have den til (1)<\/li>\n\n\n\n<li>N\u00e5r du har lavet rettelserne, klik p\u00e5 knappen Run (2). Resultatet ser du til h\u00f8jre (3)<\/li>\n\n\n\n<li>N\u00e5r du er tilfreds med resultatet, kopier hele koden (4). Det kan du g\u00f8re ved at markere koden og klikke p\u00e5 genvejstasten ctrl + c<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-8-1024x412.png\" alt=\"\" class=\"wp-image-152\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-8-1024x412.png 1024w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-8-300x121.png 300w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-8-768x309.png 768w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-8.png 1159w\" 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\/2-rutine-for-basis-kodning\/\">toppen af siden<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Koden s\u00e6ttes ind i en HTML-fil<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For at lave en html-fil, kan du f.eks. bruge programmet notesblokken. Notesblokken findes i Windows. Skriv Notesblok nederst i Windows (1), og notesblokken kommer frem (2) (3)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"636\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-9.png\" alt=\"\" class=\"wp-image-153\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-9.png 619w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-9-292x300.png 292w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I Notesblokken hav en tom side. P\u00e5 den tomme side s\u00e6t den kopierede kode fra W3Schools ind (1). Det kan du f.eks. g\u00f8re ved at have cursoren i det tomme omr\u00e5de og bruge genvejstasten ctrl + v.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"429\" height=\"351\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-10.png\" alt=\"\" class=\"wp-image-154\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-10.png 429w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-10-300x245.png 300w\" sizes=\"auto, (max-width: 429px) 100vw, 429px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gem dit arbejde. V\u00e6lg Fil &gt; Gem <\/li>\n\n\n\n<li>Dette \u00e5bner Stifinderen. S\u00f8rg for, at du er i den rigtige mappe, her &#8220;Min hjemmeside&#8221; (1)<\/li>\n\n\n\n<li>Kald altid forsiden for &#8220;index.html&#8221; (2)\n<ul class=\"wp-block-list\">\n<li>De andre filer kan du kalde n\u00e6sten, hvad du vil med f\u00f8lgende regler\n<ul class=\"wp-block-list\">\n<li>Kun engelske bogstaver, dvs. ingen \u00e6, \u00f8 og \u00e5<\/li>\n\n\n\n<li>Lad v\u00e6re med at bruge store bogstaver<\/li>\n\n\n\n<li>Du m\u00e5 bruge tal, men aldrig som det f\u00f8rste. Dvs. &#8220;side2.html&#8221; er i orden<\/li>\n\n\n\n<li>Ingen mellemrum eller matematiske tegn som f.eks. \/, + osv<\/li>\n\n\n\n<li>Filen skal ALTID hedde &#8220;.html&#8221; til sidst<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Filtypen skal v\u00e6re &#8220;Alle filer&#8221; (3)<\/li>\n\n\n\n<li>Til sidst gemmer du filen (4)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"825\" height=\"531\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-13.png\" alt=\"\" class=\"wp-image-157\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-13.png 825w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-13-300x193.png 300w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-13-768x494.png 768w\" sizes=\"auto, (max-width: 825px) 100vw, 825px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I Stifinderen ser mappen nu s\u00e5dan ud. Din fil har et browser-logo hvilket betyder, at en browser kan l\u00e6se den. Dobbeltklik p\u00e5 filen dvs. index.html (1)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"186\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-15.png\" alt=\"\" class=\"wp-image-159\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-15.png 1000w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-15-300x56.png 300w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-15-768x143.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u00e5 ser du indholdet i en rigtig browser (1)<\/li>\n\n\n\n<li>N\u00e5r du senere laver \u00e6ndringer i koden, s\u00e5 husk at &#8220;Hvis din sk\u00e6rm er slem, s\u00e5 klik p\u00e5 F5&#8221;. Alternativt klik p\u00e5 knappen til genopfriskning (2). Dvs. du skal altid opdatere browseren for at se \u00e6ndringerne. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"261\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-16.png\" alt=\"\" class=\"wp-image-160\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-16.png 844w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-16-300x93.png 300w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-16-768x237.png 768w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Et lille r\u00e5d: Lav de efterf\u00f8lgende sider ogs\u00e5 i Notesblokken. I de nyere udgaver kan du bruge plusset og f\u00e5 en ny fane til at arbejde i (1)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"535\" height=\"369\" src=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-14.png\" alt=\"\" class=\"wp-image-158\" srcset=\"https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-14.png 535w, https:\/\/bliv-klogere.dk\/wp-content\/uploads\/2026\/01\/image-14-300x207.png 300w\" sizes=\"auto, (max-width: 535px) 100vw, 535px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Link til <a href=\"https:\/\/bliv-klogere.dk\/index.php\/2-rutine-for-basis-kodning\/\">toppen af siden<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Koden oprettes Link til toppen af siden. Koden s\u00e6ttes ind i en HTML-fil 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-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/pages\/148","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=148"}],"version-history":[{"count":3,"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":1423,"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/pages\/148\/revisions\/1423"}],"wp:attachment":[{"href":"https:\/\/bliv-klogere.dk\/index.php\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}