Cod de link HTML

Cum se scrie codul de link HTML.

Link text HTML

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

Codul va crea acest link:

Legătură text

Link HTML către aceeași pagină

Codul linkului de ancorare:

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

Codul va crea acest link:

Generator de coduri de legătură

Când apăsați linkul, browserul va sări la titlul de mai jos, cu acest cod:

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

Link imagine HTML

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

Codul va crea acest link:

Floare

Link de e-mail HTML

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

Codul va crea acest link:

Trimite e-mail

 

Consultați: HTML mailto link .

Link HTML pentru descărcarea fișierului

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

Codul va crea acest link:

Descărcare fișier

 

Consultați: linkul de descărcare HTML

Link HTML deschis într-o fereastră nouă

Acest link se va deschide într-o fereastră sau filă nouă:

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

Codul va crea acest link:

Deschideți pagina într-o fereastră nouă

link pentru butonul HTML

Fara javascript:

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

Cu javascript:

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

Culoare link

Schimbarea culorii linkului se face cu stilul CSS:

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

Codul va genera acest link:

Link pagină color

 

Schimbarea culorii de fundal a link-ului se face cu stilul CSS:

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

Codul va genera acest link:

Link pagină color

Legături de cale relativă vs. absolută

Acesta este un link cu adresa URL a căii relative:

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

Codul va genera acest link:

Legătură text

 

Acesta este un link cu adresa URL a căii absolute:

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

Codul va genera acest link:

Legătură text

Generator de coduri de link HTML

Selectați tipul link-ului:

Introduceți textul linkului:    
Introduceți adresa URL către care să faceți legătura:    
Setați stilul linkului CSS:    
Link normal:    
culoare:
culoare de fundal:
text-decor:  
target-new:  
Link plasat cu mouse-ul:    
culoare:
culoare de fundal:
text-decor:  
target-new:  
Vizualizare link generată:    
Cod de link generat:    

 

Vezi si

Advertising

WEB HTML
°• CmtoInchesConvert.com •°