HTML link kód

Hogyan írjunk HTML link kódot.

HTML szöveges hivatkozás

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

A kód ezt a linket hozza létre:

Szöveges hivatkozás

HTML hivatkozás ugyanarra az oldalra

Horgonylink kódja:

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

A kód ezt a linket hozza létre:

Link kód generátor

A link megnyomásakor a böngésző az alábbi címsorra ugrik, ezzel a kóddal:

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

HTML kép linkje

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

A kód ezt a linket hozza létre:

Virág

HTML e-mail link

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

A kód ezt a linket hozza létre:

Levél küldés

 

Lásd: HTML mailto link .

HTML hivatkozás a fájl letöltéséhez

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

A kód ezt a linket hozza létre:

Fájl letöltése

 

Lásd: HTML letöltési link

HTML link új ablakban nyílik meg

Ez a link új ablakban vagy lapon nyílik meg:

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

A kód ezt a linket hozza létre:

Oldal megnyitása új ablakban

HTML gomb linkje

JavaScript nélkül:

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

Javascripttel:

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

Link színe

A link színének megváltoztatása css stílussal történik:

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

A kód ezt a linket hozza létre:

Link színes oldal

 

A hivatkozás háttérszínének megváltoztatása css stílussal történik:

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

A kód ezt a linket hozza létre:

Link színes oldal

Relatív és abszolút elérési út hivatkozások

Ez egy hivatkozás relatív URL-címmel:

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

A kód ezt a linket hozza létre:

Szöveges hivatkozás

 

Ez egy link abszolút elérési út URL-lel:

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

A kód ezt a linket hozza létre:

Szöveges hivatkozás

HTML link kód generátor

Válassza ki a hivatkozás típusát:

Írja be a link szövegét:    
Adja meg az URL-t a hivatkozáshoz:    
CSS linkstílus beállítása:    
Normál link:    
szín:
háttérszín:
szöveg-dekoráció:  
cél-új:  
Lebegtetett link:    
szín:
háttérszín:
szöveg-dekoráció:  
cél-új:  
Generált link nézet:    
Generált link kód:    

 

Lásd még

Advertising

WEB HTML
°• CmtoInchesConvert.com •°