Jak tworzyć linki w HTML (<a>)

Znacznik <a> w HTML jest używany do tworzenia hiperłączy, które mogą prowadzić do innych stron, dokumentów, adresów e-mail, lub różnych sekcji na tej samej stronie. Linki są podstawowym elementem nawigacji w Internecie. Aby utworzyć działający link, musisz użyć atrybutu href, który określa docelowy adres URL lub lokalizację. Znacznik <a> może także zawierać inne atrybuty, takie jak target, które kontrolują sposób otwierania linku.

<a href="https://google.pl/">Link do google</a>
<a href="https://google.pl/" target="_blank">Link do google w nowej karcie</a>
<a href="mailto:[email protected]">Wyślij e-mail</a>

Atrybuty dla hiperłączy

Znacznik <a> jest niezwykle wszechstronny i umożliwia tworzenie różnych typów linków:

• <a href="https://google.pl."> - Wkazuje adres na który zostanie przekierowany użytkownik
• <a href="https://google.pl/" target="_blank"> - Otworzy kartę w nowym oknie
• <a href="#start"> - Przeniesie do konkretnego miejsca na stronie, który posiada id o nazwie start
• <a href="mailto:[email protected]"> - Otworzy aplikację poczty i wybierze adres e-mail
• <a href="przyklad.png" download> - Atrybut określa, że ​​plik docelowy (w tym przypadku zdjęcie) zostanie pobrany, gdy użytkownik kliknie hiperłącze.

   See the Pen    Untitled by EE-Informatyk.pl (@eeinformatyk)   on CodePen. 
 

Dobre praktyki:

• Jeśli znacznik <a> nie ma atrybutu href, jest jedynie symbolem (klikalnym) zastępczym dla hiperłącza.
• Hiperłącza mogą być także stylizowane za pomocą CSS, aby zmieniać ich kolor, wygląd po najechaniu myszką, czy inne właściwości.