Koda povezave HTML

Kako napisati kodo povezave HTML.

• Besedilna povezava
• Povezava do iste strani
• Povezava do slike
• E-poštna povezava
• Povezava do datoteke za prenos
• Povezava odprta v novem oknu
• Povezava gumba
• Barva povezave
• Povezave relativne in absolutne poti
• Generator povezovalne kode

Povezava besedila HTML

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

Koda bo ustvarila to povezavo:

Besedilna povezava

Povezava HTML do iste strani

Koda sidrne povezave:

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

Koda bo ustvarila to povezavo:

Generator povezovalne kode

Ko pritisnete povezavo, brskalnik skoči na spodnji naslov s to kodo:

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

Povezava do slike HTML

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

Koda bo ustvarila to povezavo:

HTML e-poštna povezava

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

Koda bo ustvarila to povezavo:

Pošlji pošto

 

Glej: HTML mailto link .

Povezava HTML do datoteke za prenos

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

Koda bo ustvarila to povezavo:

Prenesite datoteko

 

Glej: Povezava za prenos HTML

Povezava HTML se odpre v novem oknu

Ta povezava se bo odprla v novem oknu ali zavihku:

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

Koda bo ustvarila to povezavo:

Odpri stran v novem oknu

Povezava na gumb HTML

Brez javascripta:

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

Z javascriptom:

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

Barva povezave

Spreminjanje barve povezave se izvede s css slogom:

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

Koda bo ustvarila to povezavo:

Povezava na barvno stran

 

Spreminjanje barve ozadja povezave se izvede s stilom css:

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

Koda bo ustvarila to povezavo:

Povezava na barvno stran

Povezave relativne in absolutne poti

To je povezava z relativnim URL-jem poti:

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

Koda bo ustvarila to povezavo:

Besedilna povezava

 

To je povezava z absolutnim URL-jem poti:

<a href="https://kylabs.net/web/html/link/html-text-link.htm">Text Link</a>

Koda bo ustvarila to povezavo:

Besedilna povezava

Generator kode HTML povezave

Izberite vrsto povezave:

Besedilna povezava Povezava do slike E-poštna povezava Poimenovana sidrna povezava
Vnesite besedilo povezave:
Vnesite URL za povezavo do:
Nastavite slog povezave CSS:
Običajna povezava:
barva:	- šestnajstiška koda - Aqua Črna Modra Fuksija siva Zelena Lime Magenta Maroon Mornarica Olivno Vijolična Rdeča Srebro Zelenomodra Bela Rumena
Barva ozadja:	- šestnajstiška koda - Aqua Črna Modra Fuksija siva Zelena Lime Magenta Maroon Mornarica Olivno Vijolična Rdeča Srebro Zelenomodra Bela Rumena
dekoracija besedila:	podčrtaj nobenega
cilj-novo:	nobenega zavihek okno
Povezana povezava:
barva:	- šestnajstiška koda - Aqua Črna Modra Fuksija siva Zelena Lime Magenta Maroon Mornarica Olivno Vijolična Rdeča Srebro Zelenomodra Bela Rumena
Barva ozadja:	- šestnajstiška koda - Aqua Črna Modra Fuksija siva Zelena Lime Magenta Maroon Mornarica Olivno Vijolična Rdeča Srebro Zelenomodra Bela Rumena
dekoracija besedila:	podčrtaj nobenega
cilj-novo:	nobenega zavihek okno
Pogled ustvarjene povezave:
Ustvarjena koda povezave:

 

---

Poglej tudi

• Komentarji HTML
• Sidrna povezava HTML
• Povezava na gumb HTML
• Povezava za prenos HTML
• Povezava do slike HTML
• Barva povezave HTML
• Povezava do naslova HTML
• Povezava v novem oknu HTML
• Povezava besedila HTML

\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(); }