HTML kod veze

Kako napisati HTML kod veze.

HTML tekstualna veza

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

Kod će stvoriti ovu vezu:

Tekstna veza

HTML poveznica na istu stranicu

Kod veze sidra:

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

Kod će stvoriti ovu vezu:

Generator koda veze

Kada pritisnete poveznicu, preglednik će skočiti na naslov ispod, s ovim kodom:

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

HTML poveznica na sliku

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

Kod će stvoriti ovu vezu:

Cvijet

HTML e-mail poveznica

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

Kod će stvoriti ovu vezu:

Poslati mail

 

Pogledajte: HTML mailto link .

HTML poveznica za preuzimanje datoteke

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

Kod će stvoriti ovu vezu:

Preuzmi datoteku

 

Pogledajte: HTML link za preuzimanje

HTML poveznica otvorena u novom prozoru

Ova veza će se otvoriti u novom prozoru ili kartici:

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

Kod će stvoriti ovu vezu:

Otvori stranicu u novom prozoru

Veza gumba HTML

Bez javascripta:

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

Uz javascript:

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

Boja veze

Promjena boje poveznice vrši se pomoću css stila:

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

Kod će generirati ovu vezu:

Stranica u boji veze

 

Promjena boje pozadine poveznice vrši se pomoću CSS stila:

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

Kod će generirati ovu vezu:

Stranica u boji veze

Veza relativnih naspram apsolutnih puteva

Ovo je veza s URL-om relativnog puta:

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

Kod će generirati ovu vezu:

Tekstna veza

 

Ovo je veza s URL-om apsolutnog puta:

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

Kod će generirati ovu vezu:

Tekstna veza

Generator HTML link koda

Odaberite vrstu veze:

Unesite tekst veze:    
Unesite URL za vezu na:    
Postavite stil CSS veze:    
Normalna veza:    
boja:
boja pozadine:
tekst-dekoracija:  
nova meta:  
Lebdeća veza:    
boja:
boja pozadine:
tekst-dekoracija:  
nova meta:  
Prikaz generirane veze:    
Generirani kod veze:    

 

Vidi također

Advertising

WEB HTML
°• CmtoInchesConvert.com •°