HTML estructura del document

De Cacauet Wiki
Salta a la navegació Salta a la cerca

Introducció

HTML significa HyperText Markup Language, i és un estàndard per la navegació per la web d'internet desenvolupat pel W3C (WWW Consortium).

Es pot concebre com una extensió del genèric XML (eXtensible Markup Language), tot i que es va inventar abans. Es tracta d'un seguit de contenidors que es delimiten amb TAGS d'obertura i de tancament:

<contenidor1>
    <!-- això és un comentari -->
    <contenidor2>
        <p>Un paràgraf de text</p>
    </contenidor2>
</contenidor1>

Aquests arxius poden tenir l'extensió .htm o .html


HTML 4

Un document HTML 4 (ara ja obsolet però encara present) sol estar estructurat de la següent manera: <syntaxhighlight lang="xml"> <html>

   <head>
       <title>La meva pàgina personal</title>
   </head>
   <body>

La meva pàgina personal

Benvinguts al món HTML

Biografia

...

Aficions

   </body>

</html>

EXERCICI: utilitza aquesta estructura del document i fes la teva pàgina personal "a mà", amb al menys 4 subseccions.

ATENCIÓ: busca per internet la manera d'aconseguir que surtin bé els accents. Hi ha diverses formes de fer-ho, però es recomana que busquis el codi "meta" per establir el joc de caràcters UTF-8.


Caixes i caixetes

En l'anterior exemple ja has pogut veure diversos codis


HTML 5

La darrera versió d'HTML és la 5 (a data de Febrer de 2015). Introdueix diverses innovacions tècniques, sobretot associat a CSS