Previous Up Next
Université Lille 3-Charles de GaulleUFR de Mathématiques Sciences Économiques et Sociales

Chapitre 4  HTML

4.1  Principes de base

4.1.1  Motivation initiale

La motivation initiale est de pouvoir échanger des documents sur internet en utilisant le protocole HTTP (HyperText Tranfer Protocol).

La solution proposée a été le langage HTML (HyperText Markup Language). Celui-ci est indépendant de la machine et ouvert.

Il ne s'agit pas d'un langage de programmation : HTML permet simplement de spécifier l'apparence d'un document.

Un fichier HTML est un simple fichier texte que l'on peut ouvrir et modifier avec un éditeur quelconque. Outre le texte du document, le fichier contient des balises qui vont préciser la structure et l'apparence du document.

4.1.2  Balises et attributs

Une balise peut prendre trois formes.

4.2  Structure d'un document HTML

Le squelette de base que l'on retrouvera dans tout document HTML est le suivant :
<HTML>
<HEAD>
    en-tête du document
</HEAD>
<BODY>
    corps du document
</BODY>
</HTML>
Dans l'en-tête, on définira un titre à l'aide de la balise TITLE.

4.3  Format des caractères

Les principales balises sont : Ces balises peuvent être imbriquées, mais il faut faire en sorte que cela produise un un bon parenthésage, comme par exemple pour [()] qui est un parenthésage correct, alors que [(]) ne l'est pas. Ainsi on pourra écrire :
  Le texte peut mis en <EM>italiques</EM>, en <B>Gras</B>, ou
  <U>souligné</U>, <FONT SIZE="+2">plus grand</FONT>, 
  <FONT SIZE="-1">plus petit</FONT> ou tout <B><EM><FONT 
  SIZE="+2">ça mélangé</FONT></EM></B>.

4.4  Mise en page des paragraphes

4.6  Caractères spéciaux

Certains caractères ne se trouvant pas sur le clavier peuvent être obtenus par des codages spéciaux.

Pour les lettres accentuées la règle de construction est simple : Ainsi, s'ils ne trouvent pas sur votre clavier : On peut aussi noter l'existence de :

4.7  Liens hypertextes

Une seule balise, la balise A, permet à partir d'un document de pointer sur un autre. C'est cette balise qui tisse les fils du web.

Cette balise permet également de créer des liens à l'intérieur d'un document et de proposer l'envoi d'un mail.

Sa syntaxe de base est :
<A HREF="adresse">texte</A>
où :

4.8  Listes

Il est possible en HTML de définir différents types de listes : Il est naturellement possible d'imbriquer plusieurs listes, qu'elles soient de même type ou pas.

4.8.1  Liste non numérotée


Ce code HTML... ... produira cet affichage
Un peu de texte avant une liste non
numérotée. 
<UL>
  <LI> Un élément de liste qui peut
       être aussi long que nécessaire, 
       produira cet effet,
  <LI> mais un petit texte 
  <LI> fonctionnera tout autant.
</UL>
Un peu de texte après une liste non
numérotée.

Un peu de texte avant une liste non numérotée.
  • Un élément de liste qui peut être aussi long que nécessaire, produira cet effet,
  • mais un petit texte
  • fonctionnera tout autant.
Un peu de texte après une liste non numérotée.

4.8.2  Liste numérotée


Ce code HTML... ... produira cet affichage
Un peu de texte avant une liste 
numérotée.
<OL>
  <LI> Un élément de liste qui peut
       être aussi long que nécessaire, 
       produira cet effet,
  <LI> mais un petit texte 
  <LI> fonctionnera tout autant.
</OL>
Un peu de texte après une liste 
numérotée.

Un peu de texte avant une liste numérotée.
  1. Un élément de liste qui peut être aussi long que nécessaire, produira cet effet,
  2. mais un petit texte
  3. fonctionnera tout autant.
Un peu de texte après une liste numérotée.
D.Gonzalez (gonzalez@univ-lille3.fr) en date du th , 

Previous Up Next