Enlace para la Hoja de Estilos

¿Qué más cosas se os ocurre que serán comunes?

Acordaos que vamos a usar una hoja de estilo para todas estas nuevas páginas. La que usamos para la página principal se llamó estilo1.css, pero los estilos del resto van a ser algo diferentes, de modo que crearemos una nueva hoja de estilo que llamaremos estilo2.css.

Como sabéis, tras crearla hay que decirle a cada página donde está y como se llama la hoja de estilo que queremos que siga, de modo que vamos a insertar en la plantilla la línea que hace todo eso. Más tarde creamos la hoja estilo2.css.

Si recordáis (espero que sí) esa línea era así:

<link href="ruta/estilo2.css" media="screen" rel="StyleSheet" type="text/css">

donde "ruta/estilo2.css" es la ruta relativa del archivo de la hoja de estilo. Nosotros por comodidad, guardaremos el archivo estilo2.css en el mismo lugar que la hoja de estilo anterior, luego la ruta será simplemente href="estilo2.css".

Por tanto la línea que tenemos que poner es:

<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">

y como recordaréis hay que situarla dentro de la cabecera del código, es decir, entre <head> y </head> quedando por ahora el código completo de plantilla1.htm como este:

<html>
  <head>
    <title>Titulo de tu pagina : PONER SECCION</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
    <link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
  </head>
  <body bgcolor="#FFFFFF">
  </body>
</html>

Una vez terminado todo esto guardamos la página con el nombre que ya sabéis, plantilla1.htm y la cerramos.

Comparte este artículo en tu red Twitter Comparte este artículo en tu red Facebook Comparte este artículo en tu red Google Enviar '' a Meneame.net