HTML link kode

Sådan skriver du HTML-linkkode.

HTML tekstlink

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

Koden vil oprette dette link:

Tekstlink

HTML-link til samme side

Ankerlinkkode:

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

Koden vil oprette dette link:

Link kode generator

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

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

HTML billede link

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

Koden vil oprette dette link:

Blomst

HTML e-mail link

<a href="mailto:name@cmtoinchesconvert.com">Send Mail</a>

Koden vil oprette dette link:

Send mail

 

Se: HTML mailto link .

HTML-link til fil download

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

Koden vil oprette dette link:

Download fil

 

Se: HTML-downloadlink

HTML-link åbnes i nyt vindue

Dette link åbner i nyt vindue eller fane:

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

Koden vil oprette dette link:

Åbn side i nyt vindue

HTML-knap link

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'">

Link farve

Ændring af linkfarve udføres med css-styling:

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

Koden genererer dette link:

Link farveside

 

Ændring af linkets baggrundsfarve udføres med css-styling:

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

Koden genererer dette link:

Link farveside

Relative vs. absolutte stiforbindelser

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://cmtoinchesconvert.com/da/web/html/link/html-text-link.htm">Text Link</a>

Koden genererer dette link:

Tekstlink

HTML link kode generator

Vælg linktype:

Indtast linktekst:    
Indtast URL for at linke til:    
Indstil CSS-linkstil:    
Normalt link:    
farve:
baggrundsfarve:
tekst-dekoration:  
mål-nyt:  
Svævende link:    
farve:
baggrundsfarve:
tekst-dekoration:  
mål-nyt:  
Genereret linkvisning:    
Genereret linkkode:    

 

Se også

Advertising

WEB HTML
°• CmtoInchesConvert.com •°