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.

2 Html<br />

Nous allons apprendre les rudiments du langage Html (hypertext markup langage)<br />

dans sa version 5. Html est un langage <strong>de</strong> structuration <strong>de</strong> texte. En d’autres termes,<br />

il s’agit <strong>de</strong> définir les parties du texte que l’on écrit ; ici nous avons un titre, ici un<br />

paragraphe, là une énumération, et là une image etc. Ceci est effectué en délimitant<br />

<strong>de</strong>s zones <strong>de</strong> texte par <strong>de</strong>s balises (markup) : p. ex. . Il est <strong>de</strong> plus possible <strong>de</strong> lier<br />

plusieurs documents entre eux par <strong>de</strong>s liens : c’est <strong>de</strong> l’hypertexte.<br />

Lorsque le navigateur interprète le co<strong>de</strong> Html qu’il reçoit, il applique généralement<br />

<strong>de</strong>s distinctions visuelles diverses aux différents éléments (gras pour un titre, soulignement<br />

pour un lien, etc.). Ce comportement par défaut peut être modifié (cf. sec. 3).<br />

Dans cette section, nous nous concentrons sur la définition <strong>de</strong>s éléments<br />

qui composent notre document : leur sémantique.<br />

Commençons par un exemple <strong>de</strong> co<strong>de</strong> source qui <strong>de</strong>viendra compréhensible au fil<br />

<strong>de</strong> cette section.<br />

<br />

<br />

<br />

<br />

<br />

Teaching<br />

<br />

<br />

<br />

<br />

Navigation<br />

<br />

News<br />

Presentation<br />

Teaching<br />

<br />

<br />

<br />

Teaching<br />

<br />

2009-2010:<br />

<br />

S1, M1I: algorithm and complexity<br />

<br />

<br />

2008-2009:<br />

<br />

S2, L1ME: structured<br />

programming<br />

5

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

Saved successfully!

Ooh no, something went wrong!