HTML5 tiene una etiqueta especial llamada <link> que tiene como función principal vincular una hoja de estilo a nuestro documento HTML, no tiene etiqueta de cierre, se encuentra dentro del elemento <head> del documento HTML, ya que no se utiliza para mostrar contenido directamente en la página web.
Para vincular una hoja de estilos CSS a un documento HTML lo primero que tenemos que hacer:
Crear un archivo con extensión CSS, en este archivo, escribiremos todas las reglas de estilo que queremos aplicar a nuestros elementos HTML.
Una vez que hayamos creado nuestro archivo CSS, debemos vincularlo al documento HTML. Para hacer esto, agregaremos el siguiente código dentro de la sección
<link rel="“stylesheet”" href="“estilos.css”">
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Ejemplo de etiqueta link</title><!-- Aquí se coloca la etiqueta link para vincular una hoja de estilo CSS --><linkrel="stylesheet"href="estilos.css"></head><body></body></html>La etiqueta <link> cuenta con varios atributos que permiten especificar la relación entre el documento HTML y el recurso externo. Los atributos más comunes son: “rel” “href”,
El atributo rel especifica la relación entre el documento HTML y el archivo CSS y debe tener el valor «stylesheet», para indicar que estamos vinculando una hoja de estilo CSS.
El atributo «href» es donde especificamos la ubicación del archivo CSS. Aquí podemos utilizar una ruta relativa o absoluta según nuestras necesidades.
1.- <link rel="“stylesheet”" href="“<a" target="_blank">https://name-card/css/estilos.css”>
2.- <link rel="“stylesheet”" href="“estilos.css”">
