lunes, 8 de julio de 2019

2. link y style

La etiqueta de html <link>

La etiqueta link nos permite crear un enlace con un documento externo. Por ejemplo una hoja de estilos externa cuyo funcionamiento veremos en el próximo capítulo.

Ejemplo

Ejemplo etiqueta html <link>
Para añadir un icono o icono de acceso directo a nuestra página web:
?
1
2
3
4
5
<link rel="stylesheet" type="text/css" href="estilo.css">
 
    Para añadir un icono o icono de acceso directo a nuestra página web:
 
<link rel="shortcut icon" href="http://profesordeinformatica.com/images/logo.ico">

La etiqueta de html <link>



<link> y <style>: ambas van dentro del <head>, y sirven para aplicar estilos CSS a nuestro documento. Con <link> vinculamos de forma externa un archivo.css, y con <style> podemos escribir directamente código CSS dentro del head.

El elemento style contiene a un bloque de declaraciones de estilo. En contraste con el elemento link, que solamente enlaza a la hoja de estilo como un recurso externo, en este caso la información de estilo estará incrustada en el documento mismo, entre los tags de este elemento. El elemento style solo puede ser declarado en el encabezado del documento (head).

EJEMPLOS

El siguiente ejemplo muestra una declaración básica de estilos de alcance global, ubicada en el encabezado del documento (head), el lugar que le pertenece.
<head>
  <title>Sed de sangre: una novela escrita por el Conde Drácula</title>
  <style>
    * {
      color: red;
      background-color: red;
      border-color: red;
    }
  </style>
</head>

No hay comentarios:

Publicar un comentario