2. Organització dels elements

 

Índex | Tema 1 | Tema 3

Organització dels elements

Dins HEAD i BODY hi ha elements menors, cada un dels quals pot contenir, al seu torn, elements encara menors. Es forma així una estructura d'inclusions successives: cada element d'un document HTML queda inclòs a l'interior d'un altre de més ampli. Dit d'una altra manera: els documents HTML consten d'un conjunt d'elements, cada un dels quals consta d'un o més subconjunts, sense que en cap moment es produeixi una intersecció de conjunts.

A continuació reproduïm sencer el codi del document de l'exemple del tema anterior, amb una estructura dentada que ajuda a fer visible l'estructura d'incrustació (aquesta estructura dentada es fa servir realment quan les estructures són molt complexes):

En l'exemple present, l'element HTML conté els elements HEAD i BODY; l'element HEAD conté l'element TITLE, i l'element BODY conté dos elements P i un element A.

Saber HTML consisteix a conèixer les etiquetes, la utilitat de cada una i la sintaxi que en regeix l'ús.

 

Elements, atributs i valors

Molt sovint les etiquetes inicials contenen, a més del nom de l'element que delimiten, una o més parelles d'atribut i valor, indicada així:

Per exemple,

Exemple

Aquestes parelles d'atribut i valor tenen tres usos fonamentals:

 

Documents externs

Els documents HTML contenen, en general, nombroses referències a altres documents externs. Els dos casos més típics són:

 

Estructura i forma

En un document HTML es distingeix entre l'estructura i la forma. Els límits entre l'estructura i la forma són convencionals. Per exemple, que unes dades es presentin en forma de taula es considera un fet estructural; que un text estigui subratllat, en canvi, és un fet formal.

Els aspectes formals s'especifiquen de quatre formes diferents:

Actualment la tercera possibilitat té un ús molt pautat i es recomana prescindir de la quarta, però de moment és forçós fer-hi si més no alguna referència.

 

Espais en blanc

Els navegadors, en interpretar el codi HTML, donen un tractament especial als espais en blanc, segons la posició d'aquests:

Exemple

 

 

A, H1 i BLOCKQUOTE

 

Amb <a href="nom.htm>text<a> obtenim que text es presenti amb una aparença especial i constitueixi un vincle de remissió al document nom.htm.

Amb les etiquetes <h1>text</h1> obtenim un encapçalament (o títol interior).

Amb les etiquetes <blockquote>text</blockquote> fem que els paràgrafs interiors tinguin un sagnat a l'esquerra.

A partir del tema 3 tractarem a fons aquestes i d'altres estructures amb tots els detalls.

Exemple