Primeramente hay que crear los documentos en los que vamos a trabajar, en mi caso he creado uno calendario.html ya que lo que quiero hacer es un calendario y en el otro calendario1.css donde vamos a poner el estilo de la pagina pero al ser un documento a parte nos da la ventaja de que si queremos poner el mismo estilo a otra pagina de nuestro sitio solo tenemos que relacionar los documentos.
Ahora hay que ir escribiendo el código de la pagina, en mi caso he usado un generador de paginas "Table generator" del cual he sacado el html y el css para mi tabla. Esta pagina es bastante completa y aunque te ponga el código algo lioso solo es question de ordenarlo ya que el código que genera es correcto.
Así ha quedado el codigo de mi html:
Y el css me ha quedado así:
Como podemos ver en el código html hemos unido ambos archivos con la etiqueta <link. Ademas hemos hecho otro archivo css para enlazarlo con el mismo archivo html.
Este ha sido el resultado:
La tabla sin ningun estilo
La tabla con el estilo 1
La tabla con el estilo 2
No hay comentarios:
Publicar un comentario