L’etiqueta <link> defineix la relació entre un document i un recurs extern com ara una referència CSS. Té les següents característiques:
- És part de la pàgina HTML.
- Es diferència de l’etiqueta <a> perquè <link> només es pot anar al <head>.
- L’etiqueta no té presència visual al document HTML. L’usuari no pot veure l’etiqueta <link>, només els seus efectes.
- S’utilitza per relacionar el document amb un altre document.
- L’etiqueta <link> també té un atribut href, que descriu la ubicació de l’altre document.
Mètodes per enllaçar / aplicar CSS
Mitjançant l”etiqueta <link> podem enllaçar a un document de full d’estius (CSS) extern.
<link rel="stylesheet" type="text/css" href="style.css"/>
Podem aplicar el codi CSS dins el <head> del document. Aquesta no és un mètode gaire eficient, ja que només podem relacionar aquest codi amb el mateix document. Cal escriure el codi entre l’etiqueta <style>
<style> a{color:#333333;} </style>
També podem aplicar les propietats i els valors CSS dins una etiqueta HTML
<a href="https://blocs.xtec.cat/codify/" style="color:#333333"> vincle </a>