Hvis du ønsker at blive en frontend-udvikler, er et af de mest almindelige råd, du får, at lære HTML. Hypertext Markup Language, forkortet til HTML, er grundlaget for de fleste websider.
HTML er lavet af forskellige ting, såsom tags, attributter og elementer. Vores fokus vil være HTML-tags. Vi bruger HTML-tags til at fortælle browsere, hvordan de strukturerer indhold i overskrifter, titler, afsnit, billeder og meget mere. HTML-tags er således som nøgleord, der definerer, hvordan browseren vil vise eller formatere indholdet.
Servere læser HTML-tags fra top til bund. Der er ingen begrænsning på antallet af HTML-tags en webside skal have.
Alle HTML-tags er indesluttet i <>
Hvert HTML-tag udfører en anden funktion
De fleste HTML-tags har åbnende og afsluttende
Indholdsfortegnelse
Toggle ,
,
,
og
.
H1 er det største overskriftsmærke, mens H6 er det mindste.
I et HTML-dokument kan overskriftstags repræsenteres som følger:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
til
tags er omgivet af tags.
For eksempel vil et ,-tag være omgivet som;
<body>
<h1> This is heading 1 >/h1>
</body>
eller blot afsnits-tagget bruges, når du vil strukturere indhold til et afsnit. Hvis du trykker på ‘enter’-knappen i et HTML-dokument i din kodeeditor, oprettes der ikke et nyt afsnit.
Hvis du vil have mere end ét afsnit, skal du bruge flere
tags på dit dokument. Afsnitsmærkerne skal være omsluttet af -mærket.
Syntaksen for et afsnitsmærke er;
<p> ….some content here….</p>
Hvis du vil have fire afsnit, vil din kode være struktureret som;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
eller blot fed tag vil formatere alt indhold mellem den indledende og den afsluttende som fed.
Den fede tag kan være mellem en overskrift, såsom H1 eller endda inden for et afsnitstag.
Disse er eksempler på et fed tag;
<b> Bold Tag </b>
Sætningen ‘Fed Tag’ vises fed.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
Femte udgave vil være fed.
Kursiv tag, betegnet med , kursiverer teksten inde i tags.
For eksempel, hvis vi har
<i> These are italics </i>
Ordene ‘disse er kursiv’ vises i kursiv.
Understregningstagget eller bruges, når du ønsker at understrege et bestemt stykke tekst i et HTML-dokument.
For eksempel, hvis vi har;
<u> underline these words </u>
Sætningen mellem taggene vil blive understreget.
Center-tagget, , bruges til at centrere indhold på et HTML-dokument.
For eksempel, hvis vi har et h2-tag skrevet som
Centrering af indhold i HTML
De fleste mennesker bruger udtrykkene HTML-tags og elementer i flæng. Men er de ens? Teknisk set er HTML-elementer og HTML-tags forskellige.
HTML-tags definerer HTML-elementer. For at opnå dette pakkes indholdet ved hjælp af et åbnings- og lukketagnavn, der matcher indholdet af det tag, vi arbejder med.
Dette er et eksempel på et HTML-element:
<p> This is a paragraph </p>
er et eksempel på et HTML-tag
HTML-attributter giver yderligere oplysninger om HTML-elementer i et dokument. Attributter findes i HTML-elementer.
Dette er et eksempel på en HTML-attribut
<button id=" SubmitOrder" class="btn">Order</button>
HTML som opmærkningssprog har udviklet sig gennem årene, siden Tim Berners-Lee introducerede det i 1993. Den første HTML-version havde 18 tags. Nye tags tilføjes med hver HTML-version; den seneste opgradering var HTML5 i 2014.
En tæt sammenligning af HTML og HTML5 viser, at sidstnævnte har semantiske tags såsom
,
og
, der klart beskriver indholdet. Vi har nu over 100 HTML-tags. Følgende er nogle af de mest populære tags, du bør kende:
DOCTYPE er teknisk set ikke et tag, men en erklæring, der fortæller browseren, hvilken type fil der vil blive indlæst. Dette tag fortæller browseren, hvilken type HTML der vil blive indlæst.
I HTML5 kan du erklære din fil som
<!DOCTYPE html>
Eller
<!doctype html>
Bemærk: Erklæringen har ikke et afsluttende tag og skelner ikke mellem store og små bogstaver.
….. -tagget kommer efter DOCTYPE-tagget. Dette tag definerer dokumentet som en webside; hvert andet element vil blive indlejret indeni. HTML-tagget angiver begyndelsen og slutningen af et HTML-dokument.
Et -tag er repræsenteret som;
<html>Content</html>
Hovedsektionen af et HTML-dokument er repræsenteret af et
-tag. Dette tag er indesluttet i -tagget og giver generel information om websiden.
-tagget indeholder andre tags, der giver specifikationer for websiden, såsom sidens titel og forfatter. Indholdet af dette tag vises ikke på websiden
Dette er syntaksen for et
tag;
<head> …….. </head>
Tagget
erklærer titlen på websiden. Dette tag er indesluttet i <head>-tagget. <title>-tagget vises på titellinjen eller fanen i browservinduet, men ikke på selve websiden. </p>
<p>Syntaks for <title> tag er; </p>
<pre class="wp-block-prismatic-blocks"><title>HTML Tags for Beginners</title></pre>
<p>Når du er inde i et <head> tag, vil det fremstå som;</p>
<pre class="wp-block-prismatic-blocks"><head>
<title>HTML Tags for Beginners</title>
</head></pre>
<h3 id="h-body-body"><body> </body></h3>
<p><body>-tagget viser alt det synlige indhold på en webside. Billeder, links, almindelig tekst, videoer og mere kan findes inde i <body> og </body> tags. </p>
<p>Nogle af de andre tags, du finder inde i brødteksten, inkluderer </p>
<p> tag for afsnit, <a> tag for billeder, <strong> tag for fed tekst og </p>
<ol> tag for en ordnet liste, for at nævne nogle få. </p>
<p>Syntaksen for <body> tag er;</p>
<pre class="wp-block-prismatic-blocks"><body> Content </body></pre>
<h3 id="h-h1-to-h6-tags"><span class="ez-toc-section" id="til_tags"></span>
<h1> til </p>
<h6> tags<span class="ez-toc-section-end"></span></h3>
<p>Der kan være op til 6 overskriftsmærker i et HTML-dokument. Hvert af tags er repræsenteret af et tal, der starter fra 1 til 6 som </p>
<h1>, </p>
<h2>, </p>
<h3>, </p>
<h4>, </p>
<h5> og </p>
<h6>. </p>
<p>H1 er det største overskriftsmærke, mens H6 er det mindste. </p>
<p>I et HTML-dokument kan overskriftstags repræsenteres som følger:</p>
<pre class="wp-block-prismatic-blocks"><h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6></pre>
<p><h1> til </p>
<h6> tags er omgivet af <body> tags.</p>
<p>For eksempel vil et ,<H1>-tag være omgivet som;</p>
<pre class="wp-block-prismatic-blocks"><body>
<h1> This is heading 1 >/h1>
</body></pre>
<h3 id="h-p-p">
</h3>
<p> eller blot afsnits-tagget bruges, når du vil strukturere indhold til et afsnit. Hvis du trykker på ‘enter’-knappen i et HTML-dokument i din kodeeditor, oprettes der ikke et nyt afsnit. </p>
<p>Hvis du vil have mere end ét afsnit, skal du bruge flere </p>
<p> tags på dit dokument. Afsnitsmærkerne skal være omsluttet af <body >-mærket.</p>
<p>Syntaksen for et afsnitsmærke er; </p>
<pre class="wp-block-prismatic-blocks"><p> ….some content here….</p></pre>
<p>Hvis du vil have fire afsnit, vil din kode være struktureret som; </p>
<pre class="wp-block-prismatic-blocks"><body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body></pre>
<h3 id="h-b-b"><b> </b></h3>
<p><b> </b> eller blot fed tag vil formatere alt indhold mellem den indledende <b> og den afsluttende </b> som fed.</p>
<p>Den fede tag kan være mellem en overskrift, såsom H1 eller endda inden for et afsnitstag. </p>
<p>Disse er eksempler på et fed tag;</p>
<pre class="wp-block-prismatic-blocks"><b> Bold Tag </b></pre>
<p>Sætningen ‘Fed Tag’ vises fed. </p>
<pre class="wp-block-prismatic-blocks"><h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1> </pre>
<p>Femte udgave vil være fed.</p>
<h3 id="h-i-i"><i> </i></h3>
<p>Kursiv tag, betegnet med <i>, kursiverer teksten inde i tags. </p>
<p>For eksempel, hvis vi har </p>
<pre class="wp-block-prismatic-blocks"><i> These are italics </i></pre>
<p>Ordene ‘disse er kursiv’ vises i kursiv. </p>
<h3 id="h-u-u"><u> </u></h3>
<p>Understregningstagget eller <u> bruges, når du ønsker at understrege et bestemt stykke tekst i et HTML-dokument. </p>
<p>For eksempel, hvis vi har;</p>
<pre class="wp-block-prismatic-blocks"><u> underline these words </u></pre>
<p>Sætningen mellem taggene vil blive understreget. </p>
<h3 id="h-center-center"><center> </center></h3>
<p>Center-tagget, <center>, bruges til at centrere indhold på et HTML-dokument. </p>
<p>For eksempel, hvis vi har et h2-tag skrevet som </p>
<h2> Centrering af indhold i HTML </h2>
<p>, kan vi centrere det som følger;</p>
<pre class="wp-block-prismatic-blocks"><center>
<h2> Centering Content in HTML </h2>
</center></pre>
<h3 id="h-span-span"><span></span></h3>
<p>Span-tag, <span>, er en generisk inline-beholder, der ikke kommer med en standardtypografi. Du kan bruge span-tagget til at gruppere tekster, som du vil style. </p>
<p>Du kan spænde tag inde i andre tags såsom overskrifter og afsnit;</p>
<pre class="wp-block-prismatic-blocks"><h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
</pre>
<pre class="wp-block-prismatic-blocks"><p> Learn HTML <span> from experts </span> and be ready for the market </p></pre>
<h3 id="h-div-div">
<div></div>
</h3>
<p>Et divisionstag, forkortet div, er et tag, der giver dig mulighed for at gruppere forskellige tags i et HTML-dokument. </p>
<p>Et div-tag kan gives en ‘klasse’ for at tilføje ekstern styling ved hjælp af CSS. </p>
<p>Sådan vil en div, der omslutter et h1, h2 og et afsnitsmærke, blive repræsenteret. </p>
<pre class="wp-block-prismatic-blocks"><div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div></pre>
<h3 id="h-em-em"><em></em></h3>
<p>Understregningen eller <em>-tagget bruges til at understrege bestemte ord i et HTML-dokument. </p>
<p>Indhold mellem <em>-tags vil fremstå skråt eller i kursiv. </p>
<p>Fremhævet indhold i et afsnit kan vises i en kodeeditor, vil fremstå som;</p>
<pre class="wp-block-prismatic-blocks"><p> The meeting will start at <em> 0800 hrs </em>, please keep time </p></pre>
<h3 id="h-sup-sup"><sup></sup></h3>
<p><sup> eller det hævede skriftmærke tillader den vedlagte tekst at være over resten. Et perfekt eksempel er, når du vil sætte et tal X i kvadrat og repræsentere det matematisk for at give dig X2</p>
<p>Syntaksen for <sup> i et afsnitsmærke vil være;</p>
<pre class="wp-block-prismatic-blocks"><H1> Harveys <sup>TM </sup> Company Limited </H1></pre>
<h3 id="h-sub-sub"><sub></sub></h3>
<p>Det sænkede eller <sub>-tag er det modsatte af det hævede tag. Indholdet, der er indesluttet i <sub>-tagget, vises under den normale tekstlinje. Et perfekt eksempel er, når du skriver den kemiske formel for vand som H20. </p>
<p>Syntaksen for sænket tag vil være;</p>
<pre class="wp-block-prismatic-blocks">Remember that H <sub> 2 </sub> 0 is the chemical formula for water</pre>
<h3 id="h-br"></h3>
<p> er et selvlukkende tag, der står for en pause. Alt indhold efter <br /> starter på en ny linje. </p>
<p>Syntaksen for <br /> i et afsnit vil være;</p>
<pre class="wp-block-prismatic-blocks"><p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p></pre>
<h3 id="h-ol-ol-and-li-li"><span class="ez-toc-section" id="og"></span>
<ol></ol>
<p> og </p>
<li> </li>
<span class="ez-toc-section-end"></span></h3>
<p>Det ordnede listemærke eller </p>
<ol> skal bruges sammen med et andet mærke, såsom </p>
<li>. </p>
<p>De to kan vises på en kodeeditor som;</p>
<pre class="wp-block-prismatic-blocks"><ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol></pre>
<p>Når det gengives i browseren, vises indholdet nummereret. </p>
<h3 id="h-img-src"><img decoding="async" src="”/></h3>
<p>Du vil måske tilføje et billede til visuel appel eller endda et logo. Det selvlukkende billedtag, <img decoding="async" src="”/>, er praktisk i et sådant tilfælde. </p>
<p>Syntaksen for billedtagget vil være;</p>
<pre class="wp-block-prismatic-blocks"><img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/></pre>
<p>Indholdet i anførselstegnene repræsenterer kildens URL. </p>
<h3 id="h-wrapping-up"><span class="ez-toc-section" id="Afslutter"></span>Afslutter <span class="ez-toc-section-end"></span></h3>
<p>Der findes over 100 HTML-tags, men ovenstående er dem, du bør kende som nybegynder. HTML er understøttet i de fleste kodeeditorer, og du er dermed sikker på, at du aldrig går galt, når du begynder at lære. </p>
</p></div>
<div class="swp-content-locator"></div> </div>
<footer class="entry-meta" aria-label="Entry meta">
<span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Kategorier </span><a href="https://toadmin.dk/toadmin/" rel="category tag">toadmin.dk</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts">
<div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://toadmin.dk/saadan-opretter-du-en-wayfair-professional-konto/" rel="prev">Sådan opretter du en Wayfair Professional-konto</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://toadmin.dk/boost-din-score-med-disse-10-gmat-oevelsestest/" rel="next">Boost din score med disse 10 GMAT-øvelsestest</a></span></div> </nav>
</footer>
</div>
</article>
</main>
</div>
<div class="widget-area sidebar is-right-sidebar" id="right-sidebar">
<div class="inside-right-sidebar">
<aside id="search-2" class="widget inner-padding widget_search"><form method="get" class="search-form" action="https://toadmin.dk/">
<label>
<span class="screen-reader-text">Søg efter:</span>
<input type="search" class="search-field" placeholder="Søg …" value="" name="s" title="Søg efter:">
</label>
<button class="search-submit" aria-label="Søg"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button></form>
</aside>
<aside id="recent-posts-2" class="widget inner-padding widget_recent_entries">
<h2 class="widget-title">Seneste indlæg</h2>
<ul>
<li>
<a href="https://toadmin.dk/saadan-vises-systembrugere-i-linux-paa-ubuntu/">Sådan vises systembrugere i Linux på Ubuntu</a>
</li>
<li>
<a href="https://toadmin.dk/3-maader-at-sammenligne-strenge-paa-i-c/">3 måder at sammenligne strenge på i C++</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-installeres-apache-kafka-paa-ubuntu-20-04/">Sådan installeres Apache Kafka på Ubuntu 20.04</a>
</li>
<li>
<a href="https://toadmin.dk/pandas-merge-fletning-af-to-dataframe-objekter/">Pandas merge() – Fletning af to DataFrame-objekter</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-konfigureres-ssh-noegler-paa-rocky-linux-9/">Sådan konfigureres SSH-nøgler på Rocky Linux 9</a>
</li>
<li>
<a href="https://toadmin.dk/en-komplet-guide-til-installation-af-tomcat-paa-linux/">En komplet guide til installation af Tomcat på Linux</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-pushes-et-eksisterende-projekt-til-github/">Sådan pushes et eksisterende projekt til GitHub</a>
</li>
<li>
<a href="https://toadmin.dk/opret-dynamiske-ruter-i-next-js-med-rutevagter-og-brugergodkendelse/">Opret dynamiske ruter i Next.js med rutevagter og brugergodkendelse</a>
</li>
<li>
<a href="https://toadmin.dk/byg-et-screenshot-taking-tools-front-end-ui-ved-hjaelp-af-vue-js/">Byg et Screenshot-Taking Tools Front-End UI ved hjælp af Vue.js</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-bruger-du-operatorer-i-java/">Sådan bruger du operatorer i Java</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-aabnes-en-port-paa-linux/">Sådan åbnes en port på Linux</a>
</li>
<li>
<a href="https://toadmin.dk/ret-windows-kraever-en-digitalt-signeret-driverfejl/">Ret Windows kræver en digitalt signeret driverfejl</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-starter-du-programmer-som-administrator-uden-uac-prompt-i-windows-11-10/">Sådan starter du programmer som administrator uden UAC-prompt i Windows 11/10</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-kontrolleres-filsti-for-monteret-iso-i-windows-11/">Sådan kontrolleres filsti for monteret ISO i Windows 11</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-installeres-macos-i-vmware-workstation/">Sådan installeres macOS i VMWare Workstation</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-tager-du-filer-i-windows-11-10-og-bruger-det-til-at-goere-filsoegning-effektiv/">Sådan TAG’er du filer i Windows 11/10 og bruger det til at gøre filsøgning effektiv</a>
</li>
<li>
<a href="https://toadmin.dk/angiv-en-brugerdefineret-aktiv-stroemplan-og-tving-windows-11-10-til-at-bruge-den/">Angiv en brugerdefineret aktiv strømplan, og tving Windows 11/10 til at bruge den</a>
</li>
<li>
<a href="https://toadmin.dk/virtualbox-kan-ikke-overskrive-maskinmappen-fix/">VirtualBox kan ikke overskrive maskinmappen [Fix]</a>
</li>
<li>
<a href="https://toadmin.dk/saadan-sikkerhedskopieres-eller-gendannes-standardstroemplaner-i-windows-11-10/">Sådan sikkerhedskopieres eller gendannes standardstrømplaner i Windows 11/10</a>
</li>
<li>
<a href="https://toadmin.dk/7-zip-data-fejl-under-udpakning-fix/">7-Zip Data-fejl under udpakning [Fix]</a>
</li>
</ul>
</aside><aside id="text-2" class="widget inner-padding widget_text"> <div class="textwidget"><p><a href="https://toadmin.dk/fortrolighedspolitik/">fortrolighedspolitik</a></p>
</div>
</aside> </div>
</div>
</div>
</div>
<div class="site-footer">
<footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container">
<div class="copyright-bar">
<span class="copyright">© 2024 toadmin.dk</span> • Bygget med <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div>
</div>
</footer>
</div>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(86581792, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/86581792" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --><script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><link rel='stylesheet' id='aal_style-css' href='https://toadmin.dk/wp-content/plugins/wp-auto-affiliate-links/css/style.css?ver=6.5.2' media='all' />
<script id="social_warfare_script-js-extra">
var socialWarfare = {"addons":[],"post_id":"61644","variables":{"emphasizeIcons":false,"powered_by_toggle":false,"affiliate_link":"https:\/\/warfareplugins.com"},"floatBeforeContent":""};
</script>
<script src="https://toadmin.dk/wp-content/plugins/social-warfare/assets/js/script.min.js?ver=4.4.6.3" id="social_warfare_script-js"></script>
<!--[if lte IE 11]>
<script src="https://toadmin.dk/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.4.0" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"\u00c5bn undermenu","closeSubMenuLabel":"Luk undermenu"};
</script>
<script src="https://toadmin.dk/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.4.0" id="generate-menu-js"></script>
<script type="text/javascript"> var swp_nonce = "200f6fc45c";function parentIsEvil() { var html = null; try { var doc = top.location.pathname; } catch(err){ }; if(typeof doc === "undefined") { return true } else { return false }; }; if (parentIsEvil()) { top.location = self.location.href; };var url = "https://toadmin.dk/x-almindeligt-brugte-html-tags-at-kende-for-begyndere/";if(url.indexOf("stfi.re") != -1) { var canonical = ""; var links = document.getElementsByTagName("link"); for (var i = 0; i < links.length; i ++) { if (links[i].getAttribute("rel") === "canonical") { canonical = links[i].getAttribute("href")}}; canonical = canonical.replace("?sfr=1", "");top.location = canonical; console.log(canonical);};var swpFloatBeforeContent = false; var swp_ajax_url = "https://toadmin.dk/wp-admin/admin-ajax.php"; var swp_post_id = "61644";var swpClickTracking = false;</script>
</body>
</html>
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'877380cb1b0422cf',t:'MTcxMzU5OTAwNC42MDMwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script> 