La Coctelera

The Refuseniks ha vuelto

archivos | contacto | suscríbete

2 Septiembre 2007

Enlaza páginas desde tu blog incluyendo tu CSS

Imprime desde aquí este post


Utiliza el tag <link>, dentro del bloque <head>, para definir relaciones entre páginas, incluyendo la localización de la página de inicio, la anterior, la posterior incluso hojas de estilo.


Este tipo de enlace utiliza los atributos rel y rev

El atributo rel indica una relación entre el documento donde está el enlace y el documento enlazado. El atributo rev describe la relación inversa, entre el documento actual y documento que lo enlaza.

  • Estos valores predeterminados especifican la relación entre páginas
  •  <link href="index.html" rel="home">
     
     <link href="anterior.html" rel="prev">
     
     <link href="siguiente.html" rel="next">
     

    Siendo index.html tu página de inicio, anterior.html la página previa y siguiente.html la página posterior.

    Incluye tu

    Suponte que ya tienes tu CSS, pues simplemente debes subirla a tu servidor (La Coctelera) igual que una imagen, una vez hecho esto, coloca esta línea dentro del <head>, o en La Coctelera al principio del Sobre mi, y tu blog al cargar, cargará también tu hoja de estilos o CSS
     <link href="/myfiles/davitociber/refuseniks.css" rel="stylesheet" type="text/css"> 
     

    Siendo /myfiles/davitociber/refuseniks.css la ruta y el nombre de tu hoja de estilos.

    CSS dentro del HTML

    Otra manera de enlazar tu CSS sería, utilizando CSS dentro de tu HTML al principio del Sobre mi (para La Coctelera) de la siguiente manera:

     <style type="text/css">
     @import url("/myfiles/davitociber/refuseniks.css");
     </style>
     

    Siendo <style type="text/css"> el tag de apertura para incluir estilos CSS dentro del HTML y </style> el tag de cierre, entre estos dos tags iría el CSS, aunque de todos modos aconsejo que de esta manera sólo se utilice si es preciso para enlazar la CSS, siempre es más legible, limpio y estructurado un HTML con la CSS importada, que con la CSS incluida en él.

    En este caso simplemente deberías substituir /myfiles/davitociber/refuseniks.css por la ruta y el nombre de tu hoja de estilos.


    Referencia blográfica:
    VAGABUNDIA de: JMiur
    Plataforma: BLOGGER
    Buenos Aires, Argentina





    Referencia bibliográfica:
    DESCUBRE HTML 4 de: PHILLIPS, ANNE
    Editorial: PRENTICE HALL
    ISBN: 978-84-8322-132-7
    NIVEL USUARIO: Intermedio
    Un libro que no me canso de leer y de aprender de él

    Avisos para los comentarios

      Control parental:
      Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda a otras personas será eliminado

      Aviso tópico:
      Por favor, enriquece este post enviando tus comentarios, no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados





    Tags: curso html, css, html, link

    servido por Sir Refusenik sin comentarios compártelo

    sin comentarios · Escribe aquí tu comentario

    Escribe tu comentario


    Sobre mí

    Avatar de Sir Refusenik

    The Refuseniks ha vuelto

    Barcelona, España
    ver perfil »
    contacto »

    Estado de ánimo del blog


    My Flower

    Colaboro con...




    I'm vueling to Ibiza


    Estadísticas


    Usuarios en línea hit counters

    Lectores agregados al feed
    Technorati ProfileAdd to Technorati Favorites

    Actividad Real



    Licencia


    Creative Commons License
    Este blog está bajo una licencia de Creative Commons y su nº de serie en internet o IBSN es
    IBSN: Internet Blog Serial Number 01-05-12-2006

    Feed Oficial


    Foto Feed



    ¿Te gusta The Refuseniks?


    Recomendar Web

    Contacto


    Administración

    Lo+leído

    Tags y post relacionados


    Clica en un tag y verás in situ los post relacionados con esa etiqueta

    Fotos

    Sir Refusenik todavía no ha subido ninguna foto.

    ¡Anímale a hacerlo!

    Buscar

    suscríbete

    Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

    ¿Qué es esto?

    Crea tu blog gratis en La Coctelera