HTML-linkkode

Sådan skriver du HTML-linkkode.

• Tekstlink
• Link til samme side
• Billedlink
• E-mail-link
• Link til download af filer
• Link åbnes i nyt vindue
• Knaplink
• Linkfarve
• Relative vs. absolutte sti-links
• Linkkodegenerator

HTML-tekstlink

<a href="link/html-text-link.htm"/Text Link</a/

Koden opretter dette link:

Tekstlink

HTML-link til samme side

Ankerlink kode:

<a href="#generator"/Link code generator</a/

Koden opretter dette link:

Linkkodegenerator

Når du trykker på linket, springer browseren til overskriften nedenfor med denne kode:

<h2/<a id="generator"/Link code generator</a/</h2/

HTML-billedlink

<a href="link/link-image.htm"/<img src="link/flower.jpg" width="82" height="86" alt="Flower"/</a>

Koden opretter dette link:

HTML-e-mail-link

<a href="mailto:name@RT">Send Mail</a>

Koden opretter dette link:

Send mail

Se: HTML mailto-link .

HTML-link til download af filer

<a href="link/test_file.zip">Download File</a>

Koden opretter dette link:

Download fil

Se: HTML-downloadlink

HTML-link åbnes i nyt vindue

Dette link åbnes i nyt vindue eller ny fane:

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

Koden opretter dette link:

Åbn side i nyt vindue

HTML-knaplink

Uden javascript:

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

Med javascript:

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

Linkfarve

Ændring af linkfarve sker med css-styling:

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

Koden genererer dette link:

Linkfarveside

Ændring af baggrundsfarve for link sker med css-styling:

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

Koden genererer dette link:

Linkfarveside

Relative vs. absolutte sti-links

Dette er et link med relativ sti-URL:

<a href="link/html-text-link.htm">Text Link</a>

Koden genererer dette link:

Tekstlink

Dette er et link med absolut sti-URL:

<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>

Koden genererer dette link:

Tekstlink

HTML-linkkodegenerator

Se også

• HTML-kommentarer
• HTML-ankerlink
• HTML-knaplink
• HTML-downloadlink
• HTML-billedlink
• HTML-linkfarve
• HTML mailto link
• HTML nyt vindueslink
• HTML-tekstlink