Link con Alex

La etiqueta <link>, permite realizar la carga y establecer la relación existente entre el documento web actual y un recurso externo.

Esta etiqueta es normalmente muy utilizada para realizar la carga de hojas de estilo para el documento html.

Se la ubica en el área cabezal del archivo html (head) y su sintaxis es la siguiente:

<link href=”valor” rel=”valor” type=”valor” media=”valor”></link>

href: Este atributo establece la dirección URL en la que se encuentra el archivo al que se quiere enlazar con el documento HTML.

<link href=“url”>

rel: especifica la relación que hay entre el documento HTML y el documento con el que se realiza el enlace.

<link href=“url” rel=“valor”>

Donde valor puede ser entre otras opciones:
Stylesheet: especifica el documento con el cual se enlaza, una hoja de estilos que aplicará formato al documento html.
type: Sirve para especificar el tipo MIME del documento con el que se está realizando el enlace.

<link type=“valorMime”>

Entre los tipos que se puede encontrar:

text/css – hoja de estilos
text/plain – texto plano.
media: indica el tipo de dispositivo para el cual se está realizando el enlace. La sintaxis para definir esta etiqueta con el atributo media es la siguiente:

<link rel="Valor" type="Valor" href="URL" media="valor">

Donde valor puede ser, entre otros:

all: es el valor por defecto, especifica todos los dispositivos.
print: especifica el dispositivo de impresión
screen: especifica la pantalla.
tv: especifica el dispositivo de televisión.

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title> titulo de la pagina</title>
<link rel="stylesheet" type="text/css" href=“nombrearchivoestilo.css">
</head>
<body>
</body>
</html>