En aquest últim exercici que he fet en l'assignatura d'informàtica, he pogut aprendre quina utilitat té el CSS.
Per a crear una pàgina web, hem d'utilitzar HTML, però per a separar el contingut de la presentació, utilitzem CSS. En separar el contingut, hem referisc a que en HTML es crea l'esquema de la pàgina, i que amb el CSS ,per separat, li dones estil a la pàgina web que estem creant i després l'enllaces al HTML. Creant així una pàgina web que amb distints CSS(estils), poden crear-se distintes pàgines web.
Aquest ultim treball hem fet una pàgina web d'una taula amb HTML, per crear un calendari i per a crear l'estil d'aquesta pàgina web hem utilitzat CSS.
*** El CSS es pot escriure tant dins del HTML com fora, en aquest cas, estic explicant-ho per a un CSS fora del HTML i enllaçat al HTML:<link rel="stylesheet" type="text/css" href="calendari1.css" />
He creat el primer CSS (calendari1.css) i després el segon (calendari2.css).
Per a no ficar els dos CSS a la vegada, ja que no es pot, hem desactivan un CSS( un estil de pàgina), utilitzant un comentari:
<!-- <link rel="stylesheet" type="text/css" href="calendari2.css" /> -->
<link rel="stylesheet" type="text/css" href="calendari1.css" />
<!-- Se puede cambiar el comentario, para activar un css o el otro -->
Per activar el calendari amb el segon estil, ho trac de l'etiqueta del comentari i fique com a comentari l'altre link del "calendari1.css", desactivant aquest.
Quan el CSS és un arxiu de fora del HTML no fa falta utilitzar l'etiqueta <style> en canvi si estiguera dins, a l'interior de l'etiqueta <head> hem de crear el CSS(l'estil de pàgina) entre les etiquetes <style> y </style>.
Imatges del meu treball, el calendari:
1. La pàgina web de la taula sense cap estil:
2. La pàgina web amb el primer estil "calendari1.css":
3. La pàgina web amb el segon estil "calendari2.css":
No comments:
Post a Comment