Kód odkazu HTML

Jak psát kód odkazu HTML.

• Textový odkaz
• Odkaz na stejnou stránku
• Odkaz na obrázek
• E-mailový odkaz
• Odkaz na stažení souboru
• Odkaz otevřít v novém okně
• Tlačítko odkaz
• Barva odkazu
• Relativní vs. absolutní odkazy na cestu
• Generátor kódu odkazu

Textový odkaz HTML

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

Kód vytvoří tento odkaz:

Textový odkaz

Odkaz HTML na stejnou stránku

Kód kotevního odkazu:

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

Kód vytvoří tento odkaz:

Generátor kódu odkazu

Po stisknutí odkazu prohlížeč přeskočí na nadpis níže s tímto kódem:

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

Odkaz na obrázek HTML

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

Kód vytvoří tento odkaz:

HTML e-mailový odkaz

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

Kód vytvoří tento odkaz:

Poslat mail

Viz: Odkaz HTML mailto .

Odkaz HTML na stažení souboru

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

Kód vytvoří tento odkaz:

Stáhnout soubor

Viz: Odkaz ke stažení HTML

HTML odkaz otevřít v novém okně

Tento odkaz se otevře v novém okně nebo na kartě:

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

Kód vytvoří tento odkaz:

Otevřít stránku v novém okně

Odkaz na tlačítko HTML

Bez javascript:

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

S javascriptem:

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

Barva odkazu

Změna barvy odkazu se provádí stylem css:

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

Kód vygeneruje tento odkaz:

Odkaz na barevnou stránku

Změna barvy pozadí odkazu se provádí stylem css:

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

Kód vygeneruje tento odkaz:

Odkaz na barevnou stránku

Relativní vs. absolutní odkazy na cestu

Toto je odkaz s relativní cestou URL:

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

Kód vygeneruje tento odkaz:

Textový odkaz

Toto je odkaz s absolutní cestou URL:

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

Kód vygeneruje tento odkaz:

Textový odkaz

Generátor kódu HTML odkazu

Viz také

• Komentáře HTML
• Odkaz na kotvu HTML
• Odkaz na tlačítko HTML
• Odkaz ke stažení HTML
• Odkaz na obrázek HTML
• Barva odkazu HTML
• Odkaz HTML mailto
• Odkaz na nové okno HTML
• Textový odkaz HTML