19.11.2014 Views

Support de cours - Lita

Support de cours - Lita

Support de cours - Lita

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

1.5 Distinction co<strong>de</strong> et rendu<br />

Il faut bien distinguer le co<strong>de</strong> que l’utilisateur saisi, du rendu généré par le navigateur.<br />

En effet, placer un saut <strong>de</strong> ligne dans le co<strong>de</strong> ne signifie pas obtenir un saut <strong>de</strong> ligne sur<br />

l’affichage dans le navigateur. Il en est <strong>de</strong> même en ce qui concerne l’in<strong>de</strong>ntation. Cela<br />

permet, entre autre, <strong>de</strong> concevoir un co<strong>de</strong> agréable à lire sans influer sur l’apparence du<br />

contenu qu’il décrit.<br />

C’est pourquoi il existe une balise permettant d’indiquer un passage à la ligne :<br />

(break line).<br />

Remarque Le passage à la ligne à un sens dans la <strong>de</strong>scription d’un document. Cela<br />

marque un temps <strong>de</strong> pause et une découpe logique du contenu (p. ex. à l’intérieur<br />

d’un paragraphe). En revanche, essayer <strong>de</strong> positionner un élément en effectuant<br />

plusieurs passages à la ligne n’a pas <strong>de</strong> sens et doit être évité.<br />

2 Un peu <strong>de</strong> technique<br />

Nous allons présenter la composition d’un document Html <strong>de</strong> base. Sans trop entrer<br />

dans les détails et à titre informatif, quelques notions techniques sont aussi développées.<br />

La structure minimale nécessaire pour un document Html vali<strong>de</strong> est la suivante.<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

Tout document Html doit contenir au moins cette structure.<br />

Expliquons-en les parties.<br />

2.1 Type du document<br />

<br />

Cette ligne définit les règles auxquelles doit se conformer le document : son type (document<br />

type). Ces règles sont écrites dans un langage spécialisé. On peut alors vérifier<br />

mécaniquement si un document donné se conforme bien à ces règles, en particulier le<br />

nom <strong>de</strong>s balises, les attributs associés, etc.<br />

2.2 Balises html<br />

<br />

...<br />

<br />

8

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!