HTML-linkkode

Sådan skriver du HTML-linkkode.

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:

Blomst

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

Vælg link type:

Indtast linktekst:    
Indtast URL til at linke til:    
Indstil CSS-linkstil:    
Normal link:    
farve:
baggrundsfarve:
tekst-dekoration:  
mål-nyt:  
Hovered link:    
farve:
baggrundsfarve:
tekst-dekoration:  
mål-nyt:  
Genereret linkvisning:    
Genereret linkkode:    

 

Se også

Advertising

WEB HTML
HURTIGE TABLER