HTML Link Code Generator

Use this tool to generate HTML link code.

Select link type:

Text linkImage linkEmail linkNamed anchor link

Enter link text:
Enter URL to link to:
Set CSS link style:
Normal link:
color:	– hex code –AquaBlackBlueFuchsiaGrayGreenLimeMagentaMaroonNavyOlivePurpleRedSilverTealWhiteYellow
background-color:	– hex code –AquaBlackBlueFuchsiaGrayGreenLimeMagentaMaroonNavyOlivePurpleRedSilverTealWhiteYellow
text-decoration:	underlinenone
target-new:	nonetabwindow
Hovered link:
color:	– hex code –AquaBlackBlueFuchsiaGrayGreenLimeMagentaMaroonNavyOlivePurpleRedSilverTealWhiteYellow
background-color:	– hex code –AquaBlackBlueFuchsiaGrayGreenLimeMagentaMaroonNavyOlivePurpleRedSilverTealWhiteYellow
text-decoration:	underlinenone
target-new:	nonetabwindow
Generated link view:
Generated link code:

\n'; //ftxt = ''+text+'\n'; } TA1.value = txt; OnUpdateView(); } function ResetButton() { T1.style.color = "#aaa"; T2.style.color = "#aaa"; GenerateButton(); } function ResetText(obj, op) { if( op==0 ) // onclick { if( (obj==T1 && obj.value==text)||(obj==T2 && obj.value == url) ) { obj.value = ""; obj.style.color = "#000"; } } else // onblur { if( obj.value == "" ) { if( obj==T1 ) obj.value = text; else obj.value = url; obj.style.color = "#aaa"; } } } function SetFocus() { calc.input.focus(); }