Kód odkazu HTML

Jak psát kód odkazu HTML.

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:

Květ

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

Vyberte typ odkazu:

Zadejte text odkazu:    
Zadejte 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:  
Vygenerované zobrazení odkazu:    
Vygenerovaný kód odkazu:    

 

Viz také

Advertising

WEB HTML
RYCHLÉ STOLY