HTML5 i CSS3

HTML 5 (HyperText Markup Language, versió 5) és la cinquena gran revisió del llenguatge bàsic de la World Wide Web, HTML

HTML 5 especifica dues variants de sintaxi per a HTML: un «clàssic» HTML (text / html), la variant coneguda com a HTML5, i una variant XHTML coneguda com a sintaxi XHTML5 que haurà de ser usada com a XML (XHTML) (application/xhtml+xml).^[1] Aquesta és la primera vegada que HTML i XHTML s'han desenvolupat en paral·lel. El desenvolupament d'aquest codi és regulat pel Consorci W3C.

 Quan va apareixer?

En el seu origen, l'HTML era un llenguatge dissenyat per compartir informació científica entre científics de tot el món. Era purament un llenguatge estructural, en què no hi havia forma de descriure l'aparença de les pàgines (ni tan sols la possibilitat de posar un text en negreta o cursiva).

Més endavant s'hi van afegir nombroses opcions per formatar i presentar text i gràfics.

A mitjans de la dècada de 1990 van començar les ampliacions de l'HTML per aconseguir la presentació desitjada, però sempre des de diferents perspectives de diferents desenvolupadors, que van acabar amb diverses solucions no estàndards per a diferents navegadors. Això va provocar l'aparició d'un consorci que controla l'evolució de l'HTML: el W3C (World Wide Web Consortium).

Quines son les novetats?

• Incorpora etiquetes (canvas 2D i 3D, àudio, vídeo) amb còdecs per mostrar els continguts multimèdia. Actualment hi ha una lluita entre imposar còdecs lliures (WebM+VP8) o privatius (H.264/MPEG-4 AVC).

• Etiquetes per manejar grans conjunts de dades: DataGrid, Details, Menu i Command. Permeten generar taules dinàmiques que poden filtrar, ordenar i amagar contingut en client.

• Millores en els formularis. Nous tipus de dades (eMail, number, url, datetime ...) i facilitats per validar el contingut sense Javascript.

• Visors: MathML (fórmules matemàtiques) i SVG (gràfics vectorials). En general es deixa obert a poder interpretar altres llenguatges XML.

• Drag & Drop. Nova funcionalitat per arrossegar objectes com imatges.

 

“HTML amb CSS”

Hola! En aquest post explicare com fer un calendari HTML utilitzant dos CSS amb full d'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 d'eixa forma podrem modificar el document quan siga necesari també 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.

Els pasos per a fer un calendari són:

• 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.
  Ací podeu vore el codi dels dos css corresponents:
  

  

  
  
  

  

  Finalment aquest es el resultat del calendari:
  

  
  Seguidament vorem el calendari inicial i el calendari sense aplicar el full d'estil.