Hola! En aquest post tractarem com fer un calendari amb HTML utilitzant CSS i dissenyant dos estils diferents.
És important que el codi CSS el fem en un lloc web diferent a l'arxiu HTML on tenim el codi, ja que així ens permet modificar l'estil quan ho necessitem, incloure altres estils amb CSS, canviar un per altres fàcilment i, per últim, també ens permet tindre un model de codi HTML i CSS ja fet.
El procés que hem seguit per a fer un calendari és el següent:
- Primer, creem una carpeta on posarem l'arxiu HTML i els dos codis CSS que escriurem.
- En segon lloc, escribim el codi HTML definint una taula per a fer el calendari. Aquest és el resultat del codi, voreu que estan enllaçats dos arxius .css, açò serà els que ens permet definir l'estil del calendari, per això tenim dos, un actiu, "calendari2.css", i un altre inutilitzat temporalment mitjançant un comentari d'HTML, "calendari1.css". D'aquesta manera, en qualsevol moment podem canviar un estil per l'altre.
- Per últim, creem els full d’estils calendari1.css i calendari2.css, on definirem l'aparença del nostre calendari segons l'estil. Per tant, tindrem un arxiu HTML amb dos codis .css enllaçats, un actiu, que ens permetrá vore l'estil actiu i un inutilitzat, que no apareixerá al navegador. El resultat és el següent:
- Aquest és el primer estil de calendari.
- Aquest és el segon estil del calendari.
Espere que siga útil!
