HTML kód odkazu

Jak napsat HTML kód odkazu.

HTML textový odkaz

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

Kód vytvoří tento odkaz:

Textový odkaz

HTML odkaz na stejnou stránku

Kód odkazu kotvy:

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

Kód vytvoří tento odkaz:

Generátor odkazového kódu

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>

HTML odkaz na obrázek

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

Kód vytvoří tento odkaz:

Květ

HTML e-mailový odkaz

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

Kód vytvoří tento odkaz:

Poslat mail

 

Viz: HTML mailto link .

HTML odkaz 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 se otevře v novém okně

Tento odkaz se otevře v novém okně nebo 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ě

HTML tlačítko odkaz

Bez javascriptu:

<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í pomocí stylů css:

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

Kód vygeneruje tento odkaz:

Barevná stránka odkazu

 

Změna barvy pozadí odkazu se provádí pomocí stylů css:

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

Kód vygeneruje tento odkaz:

Barevná stránka odkazu

Odkazy relativní vs. absolutní cesty

Toto je odkaz s relativní adresou URL cesty:

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

Kód vygeneruje tento odkaz:

Textový odkaz

 

Toto je odkaz s absolutní adresou URL:

<a href="https://cmtoinchesconvert.com/cs/web/html/link/html-text-link.htm">Text Link</a>

Kód vygeneruje tento odkaz:

Textový odkaz

Generátor kódu HTML odkazů

Vyberte typ odkazu:

Zadejte text odkazu:    
Zadejte adresu URL, na kterou chcete odkazovat:    
Nastavit styl odkazu CSS:    
Normální odkaz:    
barva:
barva pozadí:
textová dekorace:  
nový cíl:  
Umístěný odkaz:    
barva:
barva pozadí:
textová dekorace:  
nový cíl:  
Zobrazení generovaného odkazu:    
Vygenerovaný kód odkazu:    

 

Viz také

Advertising

WEB HTML
°• CmtoInchesConvert.com •°