Kako stvoriti višebojne veze u HTML-u

Postoji nekoliko različitih načina za stvaranje višebojnih veza na web stranici.
Međutim, svima koji žele to učiniti na pravi način, preporučujemo CSS rješenje jer su oznake fontova zastarjele u HTML5.

Rješenje CSS klase

Za kreiranje višebojnih veza pomoću CSS-a slijedite donje korake.

Kod

Prvi i najprikladniji način stvaranja višebojnih veza je korištenje CSS-a za definiranje boja, a zatim ih kasnije koristite u stvarnoj vezi.
U donjem primjeru koda postavite CSS kôd ispod odjeljka <head> web stranice i upotrijebite HTML kodove boja za definiranje dviju boja i naziva boja.

<style type="text/css">
 .blue {color: #0000ff;}
 .green {color: #008000;}
</style>

Slijedi veza koja sadrži oznake raspona u bojama koje definira gornji CSS.

<a href="/"><span class="green">ML</span><span class="blue">Lapan</span></a>

Atribut stila

Drugi način za stvaranje veza u više boja je korištenje atributa stila na oznakama.
Međutim, i dalje preporučujemo gore navedeno rješenje jer se može koristiti više puta na cijeloj stranici pri kreiranju CSS-a i zahtijeva manje koda.

<a href="/"><span style="color:#008000">ML</span> <span style="color:#0000ff">Lapan</span></a>

Rješenje oznake HTML fonta

Korištenje oznake <font> još je jedan način za stvaranje višebojnih veza.
Međutim, oznake fontova su zastarjele u modernom HTML-u.
Stoga preporučujemo da ovo rješenje koristite samo kada CSS nije dostupan.

<a href="/"><font color="green">ML</font><font color="blue">Lapan</font></a>