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@KyLabs">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://kylabs.net/web/html/link/html-text-link.htm">Text Link</a>

Koden genererer dette link:

Tekstlink

HTML-linkkodegenerator

Vælg link type:

Tekstlink Billedlink E-mail-link Navngivet ankerlink
Indtast linktekst:
Indtast URL til at linke til:
Indstil CSS-linkstil:
Normal link:
farve:	- hex kode - Aqua Sort Blå Fuchsia Grå Grøn Citron Magenta Maroon Flåde Oliven Lilla Rød Sølv Krikand hvid Gul
baggrundsfarve:	- hex kode - Aqua Sort Blå Fuchsia Grå Grøn Citron Magenta Maroon Flåde Oliven Lilla Rød Sølv Krikand hvid Gul
tekst-dekoration:	understrege ingen
mål-nyt:	ingen fane vindue
Hovered link:
farve:	- hex kode - Aqua Sort Blå Fuchsia Grå Grøn Citron Magenta Maroon Flåde Oliven Lilla Rød Sølv Krikand hvid Gul
baggrundsfarve:	- hex kode - Aqua Sort Blå Fuchsia Grå Grøn Citron Magenta Maroon Flåde Oliven Lilla Rød Sølv Krikand hvid Gul
tekst-dekoration:	understrege ingen
mål-nyt:	ingen fane vindue
Genereret linkvisning:
Genereret linkkode:

 

---

Se også

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

\n'; txt+= '\n'; txt+= ' \n'; txt+= ' '+text2+'\n'; txt+= '\n'; //ftxt = ''+text+'\n'; } TA1.value = txt; OnUpdateView(); } function ResetButton() { url = "../../../index.html"; text = "The Link Text"; T1.value = text; T2.value = url; T1.style.color = "#aaa"; T2.style.color = "#aaa"; GenerateButton(); } function ResetText(obj, op) { if( op==0 ) // onclick { if( (obj==T1 && obj.value==text)||(obj==T2 && obj.value == url) ) { obj.value = ""; obj.style.color = "#000"; } } else // onblur { if( obj.value == "" ) { if( obj==T1 ) obj.value = text; else obj.value = url; obj.style.color = "#aaa"; } } } function SetFocus() { calc.input.focus(); }