Koda povezave HTML

Kako napisati kodo povezave HTML.

Povezava besedila HTML

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

Koda bo ustvarila to povezavo:

Besedilna povezava

Povezava HTML do iste strani

Koda sidrne povezave:

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

Koda bo ustvarila to povezavo:

Generator povezovalne kode

Ko pritisnete povezavo, brskalnik skoči na spodnji naslov s to kodo:

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

Povezava do slike HTML

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

Koda bo ustvarila to povezavo:

Cvet

HTML e-poštna povezava

<a href="mailto:name@RT">Send Mail</a>

Koda bo ustvarila to povezavo:

Pošlji pošto

 

Glej: HTML mailto link .

Povezava HTML do datoteke za prenos

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

Koda bo ustvarila to povezavo:

Prenesite datoteko

 

Glej: Povezava za prenos HTML

Povezava HTML se odpre v novem oknu

Ta povezava se bo odprla v novem oknu ali zavihku:

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

Koda bo ustvarila to povezavo:

Odpri stran v novem oknu

Povezava na gumb HTML

Brez javascripta:

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

Z javascriptom:

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

Barva povezave

Spreminjanje barve povezave se izvede s css slogom:

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

Koda bo ustvarila to povezavo:

Povezava na barvno stran

 

Spreminjanje barve ozadja povezave se izvede s stilom css:

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

Koda bo ustvarila to povezavo:

Povezava na barvno stran

Povezave relativne in absolutne poti

To je povezava z relativnim URL-jem poti:

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

Koda bo ustvarila to povezavo:

Besedilna povezava

 

To je povezava z absolutnim URL-jem poti:

<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>

Koda bo ustvarila to povezavo:

Besedilna povezava

Generator kode HTML povezave

Izberite vrsto povezave:

Vnesite besedilo povezave:    
Vnesite URL za povezavo do:    
Nastavite slog povezave CSS:    
Običajna povezava:    
barva:
Barva ozadja:
dekoracija besedila:  
cilj-novo:  
Povezana povezava:    
barva:
Barva ozadja:
dekoracija besedila:  
cilj-novo:  
Pogled ustvarjene povezave:    
Ustvarjena koda povezave:    

 


Poglej tudi

Advertising

Spletni HTML
HITRE MIZE