Réseaux, xHTML et CSS

Dominique Gonzalez

Université Lille3-Charles de Gaulle

Ce document est soumis à la licence GNU FDL. Permission vous est donnée de distribuer, modifier des copies de ces pages tant que cette note apparaît clairement.

mercredi 26 août 2009 à 10h38


Table des matières

I. xHTML
1. Pourquoi et comment ?
Pourquoi ce document ?
Comment ce document a-t-il été construit ?
Où trouver ce document ?
QBullets
2. xHTML, à quoi ça resemble ?
HTML, à quoi ça ressemble ?
xHTML, à quoi ça ressemble ?
Quelles balises va-t-on utiliser ?
xHTML ou (x)HTML ?
Structure d'un document xHTML
Les principales balises de structure
Où placer les pages HTML pour qu'elles soient visibles par tous ?
Comment visualiser une page HTML ?
Derniers trucs
3. Application, acte 1
4. Les tableaux en (x)HTML
Syntaxe de base
Une cellule particulière
5. Les images en (x)HTML
II. CSS
6. Feuilles de style : présentation
Motivation
Généralités
Comme c'est beau les feuilles de style
7. Feuilles de style : appliquer un style
Application d'un style à un code (x)HTML
Association avec un média particulier
Association d'un style à une balise
Sélecteurs de types
Sélecteurs d'attributs (CLASS ou ID)
Par contexte
Par pseudo-classes
DIV et SPAN
Notion de boîte
8. Feuilles de style : liste des éléments
Unités de mesure
Propriétés de police
Mise en forme du texte
Agencement du texte
Mise en forme de listes
Couleurs et arrière-plans
Retraits extérieurs et intérieurs
Cadres
Positionnement absolu des éléments
Voir aussi...
9. Un exemple d'utilisation xHTML-CSS
Code source xHTML
Code source de la feuille de style (CSS)
10. Réalisation de la feuille de style du site
Rappel : que doit contenir le site ?
Le but à atteindre
Deux formats différents, donc deux feuilles de style
La feuille de style pour l'écran
Corps du texte
Parenthèses sur les couleurs
Titres
Noms de familles
Listes
Liens
Signature
Récapitulatif : le code source des pages
La page d'accueil (xHTML)
La feuille de style pour l'écran
La feuille de style pour l'impression
III. CSS, plus loin
11. La gestion des couleurs en (x)HTML et CSS
RGB
Quelques exemples
Comment ça s'utilise ?
Comment calculer un code RGB ?
Et plus simple ?
12. Utilitaires CSS
Formulaires
Recommandations du W3C
Open Web
Ressources
Tutoriels
Le nuancier hexadécimal
13. Positionnement et affichage avec les CSS
Pourquoi ?
Positionnement relatif
Positionnement absolu
Positionnement fixe
Exemples de positionnements relatif, absolu et fixe
Positionnement flottant
La propriété clear
Exemple de positionnement flottant
Affichage
Des bonnes lectures
14. Les bugs d'Internet Explorer, les contourner, les utiliser
Pourquoi ?
Avant-propos : compléments sur la syntaxe d'une feuille de style
Et alors ?
Exemple
Quelques bonnes lectures
IV. Quelques généralités sur les réseaux
15. Qu'est-ce qu'un réseau ?
Qu'est-ce qu'un réseau
Historique général des réseaux
Les dates marquantes
Qui est qui ? Qui fait quoi ?
Dernières remarques
16. Les adresses sur internet
Adresses domainisées
Les adresses URL
Glossaire
Index

Liste des tableaux

11.1. Correpondances décimal-hexadécimal

Partie I. xHTML

Chapitre 1. Pourquoi et comment ?

Pourquoi ce document ?

J'ai regroupé dans ces pages les cours sur (x)HTML et CSS.

Elles ont pour origine un cours destiné aux étudiants de 1ère et 2ème années de l'IUP IIES de l'université de Lille III-Charles de Gaulle, à Villeneuve d'Ascq, pour les années universitaires 2002-2003 et 2003-2004.

Elles ont ensuite été un peu remaniées et augmentées à l'occasion d'un cours destiné aux étudiants de 3ème année de la licence EGO et de 3ème année de la licence MIASHS.

Les dernières modifications en date concernent le passage de HTML à xHTML.

Ces pages ne sont pas destinées à être un cours autonome : elles n'ont pas la prétention d'être exhaustives... Elles ne sont qu'un support de cours, et beaucoup de choses, qui sont transmises à l'oral pendant les cours, ne sont pas écrites.

L'environnement technique du cours est constitué de machines sous linux. L'installation des logiciels nécessaires ne sera pas abordée et ne fait pas partie du contenu du cours.

Remarque

Il ne s'agit pas d'un cours sur (x)HTML. Les notions qui y figurent ne sont que fragmentaires, elles ne sont là que pour permettre d'utiliser les feuilles de style.

Il n'y aura ainsi aucune information sur les balises et attributs (x)HTML qui permettent de gérer la présentation du texte, celle-ci devant être gérée par les feuilles de style.

On trouvera également dans ce document quelques notions générales sur les réseaux et sur les logiciels libres.

Comment ce document a-t-il été construit ?

Ce polycopié a été rédigé au format DocBook :

  • Le texte source a été écrit au format XML avec emacs, en respectant la DTD de DocBook.

  • Le code source a été compilé au format PDF avec openjade et au format HTML avec xsltproc.

  • La version que vous avez devant les yeux a été compilée le mercredi 26 août 2009 à 10h38 .

Où trouver ce document ?

Ce document est disponible sous plusieurs formats sur le web :

QBullets

Les petites images animées qui illustrent les liens de la version web de ce document proviennent de QBullets Icone QBullets

Chapitre 2. xHTML, à quoi ça resemble ?

HTML, à quoi ça ressemble ?

Il suffit de regarder le code source d'une page quelconque, la base du HTML se trouve dans l'utilisation des balises :

  • Une balise est de la forme <blabla> : du texte entouré des symboles « plus petit que » et « plus grand que » (<blabla> n'est pas une balise existante !).

  • Les balises n'apparaissent jamais dans le résultat final, elle ne servent qu'à modifier la présentation (on pourrait considérer que c'est ce qui remplace les boutons d'un traitement de texte) : on voit leur effet, mais on ne les voit pas elles-même.

  • Les balises vont par deux (comme un parenthésage) :

    <blabla> ... </blabla>

    La première signifie « début de blabla », la deuxième signifie « fin de blabla », et tout le texte situé entre les deux subit l'effet de blabla.

    Seules quelques balises ne possédent pas de balise de fin ; on les signalera quand on les rencontrera.

  • Les balises peuvent être imbriquées (toujours comme un parenthésage) :

    <em> ... <kbd> ... ... </kbd> ... </em> comme le parenthésage « ( [ ] ) ».

    mais ne doivent jamais se chevaucher :

    FAUX : <em> ... <kbd> ... </em> ... </kbd> comme le parenthésage « ( [ ) ]  ».

xHTML, à quoi ça ressemble ?

xHTML est une version particulière de HTML (on pourra trouver l'historique des différentes versions sur internet, par exemple SELFHTML ou WDG).

Sa principale caractéristique par rapport aux versions purement HTML est de suivre la syntaxe XML :

  • toutes les balises sont écrites en minuscules (contrairement à HTML qui ne se préoccupe pas de la casse dans laquelle sont écrites les balises),

  • toutes les balises doubles doivent être fermées (contrairement à HTML où on n'est pas obligé de fermer par exemple les balises <li>, <td>, <p>, etc. quand le contexte peut suffire),

  • les balises qui ne possédent pas de balise de fin doivent se terminer par un «/» (par exemple <hr/> ou <br/>).

Quelles balises va-t-on utiliser ?

Il faut d'abord savoir que les normes (x)HTML sont en constante évolution, et que les navigateurs sont très tolérants (bien qu'il vaille mieux ne pas en abuser). Ce qui fait qu'il y a plusieurs manières d'écrire du (x)HTML : de la plus sale à la plus pure. Nous allons essayer de vous apprendre à produire un (x)HTML pur et propre.

Une première façon de s'en assurer sera d'utiliser les services de validation du W3C. Toutes les pages que vous produirez devront réussir ce test !

Nous ferons en sorte de vous pousser dans le sens de l'évolution actuelle (et naturelle) : séparation de la structure et de la présentation. Pour cela nous ne confierons RIEN de la présentation de vos pages (bien que ce soit possible) à (x)HTML. La présentation sera assurée exclusivement par les feuilles de style.

xHTML ou (x)HTML ?

Nous essaierons de nous tenir à cette règle :

  • nous utiliserons la notation « (x)HTML » quand cela s'appliquera indifféremment à HTML et xHTML ;

  • nous utiliserons la notation « xHTML » quand cela s'appliquera uniquement à la version XML de HTML.

Structure d'un document xHTML

Les documents xHTML que vous produirez devront obligatoirement contenir ceci :


    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                               "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
        <head>
            <title>
                Un titre personnel et si possible intelligent....
            </title>
        </head>
        <body>

            Votre texte...

        </body>
    </html>

Tout ce que vous écrirez devra être entre <body> et </body>. Nous reviendrons plus tard en détail sur l'utilité de chacune de ces lignes.

Les principales balises de structure

(Il n'y aura rien sur les couleurs ou la mise en page des textes, tout sera vu plus tard, avec les feuilles de style.)

  • Tout texte doit être inclus entre deux balises de types bloc. La plus simple est <p> : retour à la ligne impératif (P pour Paragraph). Les retours à la ligne dans le code source n'ont aucun effet sur le résultat affiché. (Regardez les 3 premiers «  bla » de l'exemple suivant, et comparer leurs dispositions dans le code source et dans le résultat affiché.)

  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6> : ce sont les structures de base pour obtenir un plan de votre texte. Ces balises définissent les titres (« h » comme Header, c'est-à-dire en-tête) de différents niveaux (comme titre1, titre2, titre3, etc. dans un traitement de texte).

    Ainsi ce code source :

            <p>
              Bla bla
              bla.
            </p>
            <h1>Un titre</h1>
            <p>
              Bla bla bla.
              Bla bla bla.
            </p>
            <h2>Un sous-titre</h2>
            <p>
              Bla bla bla.
              Bla bla bla.
            </p>
            <h2>Un autre sous-titre</h2>
            <p>
              Bla bla bla.
              Bla bla bla.
            </p>
            <h1>Un autre titre</h1>
            <p>
              Bla bla bla.
              Bla bla bla.
            </p>
                    

    produira ce résultat :

    Premier exemple HTML

  • <ul>, <ol>, <li> : tout ce qu'il faut pour faire des listes, numérotées ou non. Les éléments de liste sont définis par <li> (pour List Item), qu'ils soient numérotés ou non. C'est le type de liste <ul> (pour Un-numbered List) ou <ol> (pour Ordered List) qui définit la présence ou pas de numérotation.

    Ainsi ce code source :

            <p>Une liste non numérotée:</p>
            <ul>
                <li>un,</li>
                <li>deux,</li>
                <li>trois.</li>
            </ul>
            <p>Une liste numérotée:</p>
            <ol>
                <li>un,</li>
                <li>deux,</li>
                <li>trois.</li>
            </ol>
                    

    produira ce résultat :

    Listes en HTML

  • <hr/> : un trait horizontal (Horizontal Rule) sur toute la largeur du texte.

    La balise de fermeture n'existe pas.

  • <a href="***"> : pour construire des liens hypertextes (c'est quand même le but premier de (x)HTML...).

    La syntaxe de base en est simple. Pour construire un lien vers ma page, il suffit d'écrire ceci :

    vers <a href="http://grappa.univ-lille3.fr/~gonzalez">ma page</a>

    Que peut-on mettre comme adresse après href ?

    • une adresse complète d'une page qui se trouve n'importe où sur le web (il est impératif de faire figurer http://).

    • le nom seul d'un fichier qui se trouve dans le même répertoire (sans http://).

    • le chemin relatif d'accès à un fichier qui se trouve sur le même site, mais pas dans le même répertoire (sans http://).

    Remarque

    La balise dont on vient de parler est <a>. Elle contient un attribut (href="***"). Beaucoup de balises peuvent admettre des attributs, on les découvrira au fur et à mesure des besoins.

    On ne répête jamais les attributs quand on ferme une balise. Ainsi la balise <a> sera toujours fermée par </a>, quelle que soit l'adresse de destination.

  • Il reste les balises de construction de tableaux et d'insertion d'images qu'on verra plus tard.

Où placer les pages HTML pour qu'elles soient visibles par tous ?

Dans votre répertoire www.

Attention

Ceci n'est vrai que depuis les salles informatique de Lille3.

L'extension DOIT être html.

Comment visualiser une page HTML ?

En lançant un navigateur web et en tapant l'adresse : http://tandem.pedago.local/~user/fichier où :

  • user est le login de la personne dont vous voulez voir la page (votre login pour voir votre page).

  • fichier est le nom du fichier qui a été enregistré dans www.

Attention

Cette adresse ne peut fonctionner que depuis les salles informatique de Lille3.

Derniers trucs

Une fois la page visualisée dans un navigateur, on peut la reprendre pour la modifier : il faut alors un « refresh » (ou, selon votre navigateur, « rafraichir », ou « reload », ou « actualiser », etc.) pour voir les modifications.

Chapitre 3. Application, acte 1

Un premier site web, 3 pages, sur le modèle ci-dessous (en adaptant à votre cas, bien entendu) :

Chapitre 4. Les tableaux en (x)HTML

Syntaxe de base

Un tableau est défini par les balises <table> et </table>.

Un tableau est constitué de lignes, chacune étant définie par les balises <tr> et </tr>.

Une ligne est constituée de cellules, chacune étant définie par les balises <td> et </td>.

Il n'y a pas de notion de colonne. Une colonne est définie de manière implicite par la superposition des cases correspondantes dans chaque ligne.

Ainsi ce code :

   <table>
      <tr>
         <td>aaa aaa<br>aaa aaa aaa<br>aaa aaa</td>
         <td>bbb bbb bbb</td>
         <td>ccc</td>
      </tr>
      <tr>
         <td>ddd</td>
         <td>eee eee</td>
         <td>fff fff fff</td>
      </tr>
   </table>
		

produira ce résultat :

Un exemple de tableau

On peut remarquer que le résultat ci-dessus ne correspond pas forcément à ce qu'on nomme communément tableau.

Il n'y a par exemple pas de bords...

Le tableau de base n'est qu'une série de cellules, arrangées selon une grille (qui n'est pas visualisée) et dont les contenus sont alignés à gauche dans les cellules.

Dans l'exemple précédent :

  • La première ligne est composée de 3 cases, qui contiennent repectivement tous les « a » pour la première, tous les « b » pour la deuxième, tous les « c » pour la troisième.

  • La deuxième ligne est composée de 3 cases, qui contiennent repectivement tous les « d » pour la première, tous les « e » pour la deuxième, tous les « f » pour la troisième.

Une cellule particulière

On peut remplacer les balises <td> et </td> par <th> et </th>.

Ce qui change : le texte est en général automatiquement centré dans la cellule (au lieu d'être aligné à gauche) et mis en gras, ce qui ne nous intéresse pas, car nous ne confierons pas la présentation à (x)HTML. Il est plus important de comprendre ce qu'est cette cellule : c'est une cellule d'en-tête (H pour Header, c'est-à-dire en-tête), destinée, en général, à être placée en début de colonne ou en début de ligne.

Chapitre 5. Les images en (x)HTML

Une image s'insère dans un texte (x)HTML par la balise :

     <img src="adresse" alt="commentaire" />
        

adresse désigne la chemin où trouver le fichier d'image (au format PNG, GIF ou JPG). Cela peut être un fichier local (sur le serveur de page (x)HTML), mais aussi un fichier distant (ailleurs sur le web) et son adresse commencera alors par « http:// ».

commentaire est un texte alternatif à afficher quand l'image ne peut pas s'afficher : erreur sur le nom, déplacement de l'image, image momentanément inaccessible, affichage de la page sur un dispositif ne permettant pas l'utilisation d'images (terminal texte, terminal Braille). Ce texte devra être à la fois le plus descriptif possible, et le plus concis possible : il est déconseillé d'utiliser des généralités du genre « image », mais aussi à l'inverse d'écrire un paragraphe entier...

Partie II. CSS

Chapitre 6. Feuilles de style : présentation

Remarque

D'après Fabien Torre

Motivation

HTML reste aujourd'hui le langage de publication sur le web par excellence. Cependant, on note l'abandon des balises de pure mise en page, celle-ci étant reléguée dans les feuilles de style. Ainsi, il est recommandé de plus utiliser de balises comme FONT, B, I, etc. Les navigateurs futurs pourront ne pas les supporter.

De manière générale, les balises HTML ne doivent être utilisées que pour structurer le document, et non plus pour préciser son apparence.

C'est la même philosophie que n'importe quel traitement de texte (OpenOffice, Word, etc.) quand on essaie de l'utiliser correctement (autant que faire se peut...).

Il s'agit d'un paradigme général consistant à dissocier le contenu d'un document de sa forme. Ici, il semblerait donc que le langage HTML soit destiné à décrire le contenu, les feuilles de style dont nous allons discuter dans la suite servant elles à décrire la forme du document.

Les intérêts de cette séparation sont nombreux :

  • un style, appliqué à toutes les pages d'un site, assure la cohérence graphique de ce site ;

  • la maintenance d'un site en est facilitée, un changement de charte graphique ne portera que sur la feuille de style et la modification sera naturellement propagée à toutes les pages ;

  • plusieurs mises en forme différentes peuvent être pour un même document sans que celui-ci ne soit répliqué en autant d'exemplaires ;

  • le code HTML est lisible et facilement modifiable, sans que l'on ait à penser en même temps au contenu et à son apparence  ;

  • les pages, dégagées des balises de mise en forme, sont plus légères, donc plus rapides à circuler sur un réseau (la feuille de style est, le plus souvent, très légère et ne sera chargée qu'une seule fois pour l'ensemble des documents qui l'utilisent) ;

  • les balises donnent une indication sur la nature du contenu et cette indication pourra être utilisée par un moteur de recherche.

Enfin, précisons immédiatement que le couple HTML/CSS ne constitue pas la seule réponse à la motivation contenu séparé de la forme, citons :

  • le contenu peut être stocké dans un fichier XML ; l'apparence peut alors à nouveau être décrite dans une feuille de style, ou confiée à des traitements plus sophistiqués ;

  • le contenu peut être stocké dans une base de données, la mise en forme étant confié à un programme, en PHP par exemple (la production de ce programme pouvant très bien être du code HTML associé à une feuille de style).

Généralités

La solution retenue pour décrire des mises en forme se nomme donc feuilles de style ou, en anglais, Cascading Style Sheets (CSS).

Remarques

En cascade : prise en compte des feuilles du navigateur, de l'utilisateur, puis de l'auteur.

Il faut faire le lien avec les modèles de document des traitements de texte.

La spécification CSS level 1 date de 1996. Elle est supportée par les navigateurs à partir des versions suivantes :

  • Mozilla 1.1 (et son descendant FireFox)

  • Phoenix 0.4

  • Netscape 6

  • Konqueror 2.2.1

  • Galeon 0.12.1

  • Internet Explorer 5.5 (Mais plus ou moins bien... Plutôt moins que plus, d'ailleurs.)

  • Opera 4

Cependant, ces navigateurs gèrent souvent une même feuille de style de manière différente... surtout si l'on utilise des éléments de la spécification CSS level 2 sortie en mai 1998. On peut même utiliser, avec plus de risques encore, des éléments de la spécification CSS level 3 à venir.

Dans tous les cas, après avoir écrit une feuille de style, il conviendra donc de vérifier l'apparence du document avec un maximum de navigateurs. Enfin, et surtout, il faut s'assurer impérativement que le document reste lisible même sans la feuille de style.

Chapitre 7. Feuilles de style : appliquer un style

Remarque

D'après Fabien Torre

Application d'un style à un code (x)HTML

  • Dans une balise, avec l'attribut STYLE, par exemple :

    					Un exemple de <b style="color:silver;">texte en gris</b>.
    				
  • Dans l'en-tête, après la balise TITLE :

       <style type="text/css">
          bla bla feuilles de style
       </style>
    				

    Voire même en utilisant des commentaires HTML pour les navigateurs non compatibles :

       <style type="text/css">
         <!--
            bla bla feuilles de style
         //-->
       </style>
    	
  • Fichier externe : tout mettre dans un fichier texte .css (ne contenant pas de balise STYLE), puis ajouter ceci dans l'en-tête du fichier HTML (entre <head> et </head>) :

    					<link rel="stylesheet" type="text/css" href="bla.css">
    				

Association avec un média particulier

Avec la version 2 de la spécification CSS, on peut indiquer le média auquel est dédié une feuille de style. Pour l'instant, les médias possibles sont : all, aural, braille, embossed, handheld, print, projection, screen, tty, tv.

La précision du média peut se faire au sein d'une même feuille de style :

   @media print {
      BODY { font-size: 10pt }
   }
   @media screen {
      BODY { font-size: 12pt }
   }

ou dans l'en-tête de la page HTML :

   <link rel="stylesheet" type="text/css" href="site.css"  media="screen">
   <link rel="stylesheet" type="text/css" href="print.css" media="print">
		

Association d'un style à une balise

Nous allons voir dans cette partie la façon de préciser que telle balise doit avoir telle présentation...

Sélecteurs de types

Dans ce cas, on ne précise que les noms des balises concernées par la définition du style (ne jamais mettre les crochets « < » et « > ») :

   H1 {
      font-family: Wide Latin;
   }
   H1,H2,H3 {
      font-family: Wide Latin, Arial Black, Helvetica, sans-serif;
      color: red;
   }
   P {
      color: blue;
   }

Sélecteurs d'attributs (CLASS ou ID)

Il est également possible de proposer des apparences différentes pour une même balise. Nous avons précédemment décrit le style associé de manière générale aux balises P et nous allons maintenant définir un autre style pour certains paragraphes dits ecolo. Cela passe par une distinction dans le code HTML :

   <p class="ecolo">
       un paragraphe...
   </p>

Puis, on utilisera la syntaxe suivante dans la feuille de style pour décrire les caractéristiques de ces paragraphes particuliers :

   p.ecolo {
      color: green;
   }

Plus généralement, on peut spécifier l'apparence d'une classe sans préciser de balise :

   .ecolo {
      color: green;
   }

Cela aura pour effet de faire apparaître en vert toutes les textes contenus dans balises de classe ecolo :

   <h1 class="ecolo">Titre  militant</h1>
   <p class="ecolo">un paragraphe...</p>

Enfin, plutôt que de parler d'une classe, il est possible de ne donner un style que pour une apparition unique d'une balise donnée. Pour cela, il faut repérer cette balise en lui donnant un identifiant unique :

   <p id="cssappliquer_p1">
      bla bla bla bla bla bla
      bla bla bla bla bla bla
      bla bla bla bla bla bla
   </p>

Puis de définir le style du paragraphe nommé p1 en utilisant la syntaxe suivante :

   #p1 { color: blue; }

Cette pratique n'est plus tout à fait dans l'esprit que nous avons décrit jusqu'à maintenant, à savoir décrire des styles généraux qui seront repris sur l'ensemble d'un site. Elle peut cependant se révéler utile dans quelques cas particuliers.

Par contexte

Dans l'exemple suivant tous les LI situés dans un UL (donc pas ceux situés dans un OL) auront une taille de caractères small. (On dira dans ce cas que LI doit être un descendant d'un UL, ou que UL doit être un ascendant d'un LI.)

Mais ceux qui seront dans un LI lui-même situé dans un UL auront une taille de caractères x_small. (Les LI descendant d'un LI lui-même descendant d'un UL.)

   BODY { margin: 0.5cm; }
   UL LI { font-size: small; }
   UL LI LI { font-size: x_small; }

On peut utiliser aussi cette méthode avec des classes et non plus des balises. Par exemple pour définir le style des H1 descendant d'une balise quelconque de classe prof :

   .prof h1 { color: red; }

On peut même préciser que cela ne s'applique que pour les fils (descendant direct, sans intermédiauire). Ainsi la définition de style suivante ne s'appliquera qu'aux P de premier niveau, ceux qui ne seront inclus dans rien d'autre :

   body > p { color: red; }

Par pseudo-classes

Quelques exemples :

   A:link          (les liens)
   A:hover         (les liens, au passage de la souris)
   A:active        (les liens, au moment du click)
   A:visited       (les liens déjà visités, prioritaire sur les précédents)
   P:first-line
   P:first-letter
   p.ecolo:link
   p.ecolo:visited

DIV et SPAN

Il s'agit de balises HTML dont le seul rôle est de délimiter une zone associée à un style : DIV pour les blocs de texte (à la manière d'un paragraphe), SPAN pour une suite de mots dans un texte. Sans style, ces balises ne produisent rien de particulier (à part un retour à la ligne pour DIV).

Notion de boîte

La mise en page à l'aide de CSS repose sur la notion de boîtes : il faut imaginer que tout contenu entre une balise ouvrante et une balise fermante est en fait dans une boîte.

À l'aide des feuilles de style, on va pouvoir spécifier l'apparence du contenu de la boîte (color, font, background, etc.), les espacements à l'extérieur de la boîte (margin) et les espacements à l'intérieur (padding).

Naturellement, l'imbrication des balises implique une imbrication des boîtes. Ainsi, les éléments <li> sont vus comme des boîtes contenus dans une boîte représentant la balise <ul>.

Chapitre 8. Feuilles de style : liste des éléments

Remarque

D'après Fabien Torre

Unités de mesure

Les unités de mesure utilisables sont px (pixel), mm (millimètre), cm (centimètre), in (inch, pouce), pt (point[1]), pc (pica[2]), em (hauteur des majuscules de la police en cours), ex (hauteur des minuscules de la police en cours).

Il faut remarquer que les unités physiques (mm, cm, in, pt, pc) n'ont a priori pas de signification sur un écran...

Propriétés de police

  • font-family : suite de noms de polices (si l'une manque sur la machine du client, on essayera la suivante), terminée par le nom d'une famille de polices (si aucune police n'a été trouvée, on prendra une police dans la famille spécifiée) ; cinq familles sont distinguées :

    • serif (Times, etc.)

    • sans-serif (Arial, Helvetica, etc.)

    • cursive

    • monospace (machine à écrire comme Courrier)

    • fantasy

  • font-size : la taille des caractères ; on peut utiliser :

    • une longueur, exprimée dans les unités de la section intitulée « Unités de mesure » ;

    • l'un des mots xx-small, x-small, small, medium, large, x-large, xx-large ;

    • l'un des mots larger, smaller ;

    • un pourcentage (de l'élément parent).

  • font-style : normal, italic, oblique ;

  • font-variant : normal, small-caps ;

  • font-weight : normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900.

Mise en forme du texte

  • word-spacing : l'espace entre les mots ; on peut utiliser le mot normal ou une longueur, exprimée dans les unités de la section intitulée « Unités de mesure » ;

  • letter-spacing : l'espace entre deux lettres au sein d'un même mot ; on peut utiliser le mot normal ou une longueur, exprimée dans les unités de la section intitulée « Unités de mesure » ;

  • text-decoration : none, underline, overline, line-through, blink ;

  • text-transform : none, uppercase, lowercase, capitalize.

Agencement du texte

<

  • div class="sect1" title="Mise en forme du texte),

    <p&rgb(x%,y%,z%/li; éoùmclass="computeroutput"><p&e> (pixee class="computeroutput">centery/s; <p&z/s;

  • letteround<-/em><8a>), Cou teCou te

  • text-aound<-er q >s="indexterm" name="id2785131"><86> : <8a><p&code> (n'ap nomclass="computeroutput"><p&urass="indexterm" name="id2784634">589f=/code(> (sur class="applicis">boîtesclass="computeroutput"><p&une  : (si aclass="computeroutput"><p&/li;

  • letteround<- steaass="indexterm" name="id2785119"><92> : l'estanlémlémaé ce d'un stémener q (lémtyldq fclass="computeroutput"><p&rsteaass="indexterm" name="id2785119"><9a>[none594>

    none<96> (en b'éaé ce d'un s(l-t-ali (la hutextde class="computeroutput">none<9a>, pouc/s; <( policeaé ce d'un

  • letteround<-uts duutext<9a>

    <p&"&gode>s="indexterm" name="id2785131">601>, <p&f cld60a>,
  • text-aound<-ur uniqu>s="indexterm" name="id2785131">604> : hau :ent unodélémener q (lémtyldq fs s)v c li>

    • mai. =/css="listitem">

      word-stopss="indexterm" name="id2785144">609> : haue class="computeroutput">centercenter61a>,

    word-s class="indexterm" name="id2785119">613> (en be class="computeroutput">center614> : haue class="computeroutput">centera class="indexterm" name="id2785144">61a> <>,

    ,,,="computkeyliz=/cgtrr, >> claers"=" clasheete="> claers"=" clasheete=">

    Re-riaii/di3/cp><,,,,,,,,Lagr"o<>Couo ontevoéontspsude tfcho, pégrtlutôt reuoué lrcoc,lttagevoués écoualg/reà tégrmhalq r ,,,, ,c,p>cs=name="t;c, Cnrpserul a/a /di3/cdiv cldiv cldiv cl Couode fyldolntcaal rosatat "o<>Coulde ia/a ea tclhe léfi pégrto="computis"hasis > lrs-l ( ,,,,,,c,p> ,,,="computkeyliz=/cgtrr, >BODY {>

    <:blue; ,,,,,,tylt-size:130%e/,,,,,,tylt-family:elsrs-larife/,,,
    ="computkeyliz=/cgtrr, >}>

    Couo=/cass="itemizagelip q =/cass/cass>cs=name="t;Couo">c, P. nthèsace ligcace"o<>Couo/di3/cdiv cldiv cldiv class="itemizptlmizedbcsa=/cul=

    <,,,,,,,,,,,,On peCouo :cs=word-sBltsk, /Whgeu/s; , /Gray/s; , /Sil(l-/s; , /Red/s; , /Maroon/s; , /Ysslow/s; , /Navy/s; , /G sed/s; , /Lim c,, /Oliv c,, /Blue Aai.c,, /Purplac,, /Fuchsi.c, ,,,, ,,,,,c,p>

    <,,,,,,,,,,,,Dégrtaq <,tyltée,èsebpa"fs trav t iàraptrsltltsecs=name="t;h1/s; ) laronte ,,,="computkeyliz=/cgtrr, >H1={>

    < ,,,,,,ia/agn<:whgeue/,,,, laerder- ces :socide/,,,,,,aerder-width:tu ce/,,,,,,aerder-/em><:whgeue/,,,="computkeyliz=/cgtrr, >}>

    cs=name="t;c, Npaolde familcac/di3/cdiv cldiv cldiv cl ="computis"hasis >saallecapsc,pa/c,a/p> tat i"> caii ,,,
    ="computkeyliz=/cgtrr, >SPAN.apa {>

    cce/,,,
    ="computkeyliz=/cgtrr, >}>

    ,,,
    ="computkeyliz=/cgtrr, >>SPAN CLASS="apa"cgt;>

    C
    ="computkeyliz=/cgtrr, >>/SPANcgt;>

    cass="itemizagelip q =/cass/cass>cs=name="t;c, Lc ,,,
    ="computkeyliz=/cgtrr, >LI {>

    ="computkeyliz=/cgtrr, >}>

    cs=name="t; ,,,
    ="computkeyliz=/cgtrr, >A: cla {>

    <:g sed; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >A:n, ptld {>

    <:#FF9900e/,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >A:hne>

    <, ,,,,,,/em><:red; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    cs=name="t; caiie / mareccgnegrtlugrteagec,lde "o<>Coulgrisi ,,,
    ="computkeyliz=/cgtrr, >DIV.cpomatu ,{>

    <:g ay; ,,,, otylt-s cla:i"> cce/,,,
    ="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.cpomatu :bufop ={>

    < ,,,,,,/eee/ i:"C'secrmoieaiialaaf fspt!"; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    ,,,
    ="computkeyliz=/cgtrr, >>ass="itemizcpomatu "cgt;>/asscgt;>

    < ,,,,,,c,pp /cdiv cldiv class="itemizc
    c, Rélizitula cfcs=name="t; ca/p>="computkeyliz=/cgtrr, >>?xml (l-gcod="1.0"s écoding841so-8859-1"?cgt;>

    < ca/p>="computkeyliz=/cgtrr, >>!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" /i,,,,,,,,,, ,,,, o,,,, o,,,, o,,,"http://www.w3.org/TR/xhtml1/DTD/xhtml1- crict.dtd"code>)gtrr, >>

    <
    ="computkeyliz=/cgtrr, >>html xmlns="http://www.w3.org/1999/xhtml" xml:fr"g="frs=fr"g="frscgt;>

    < ,,,ca/p>="computkeyliz=/cgtrr, >>headcgt;>

    ="computkeyliz=/cgtrr, >>ageh cgt;>

    ="computkeyliz=/cgtrr, >>/ageh cgt;>

    < ,,,,,,ca/p>="computkeyliz=/cgtrr, >> claers"=" clasheete="> claers"=" clasheete=">

    < ,,,ca/p>="computkeyliz=/cgtrr, >>/headcgt;>

    ="computkeyliz=/cgtrr, >>bodycode>)gtrr, >>

    ="computkeyliz=/cgtrr, >>h1codec,atrong/cda/p> Bpa"v nié("hezrmoica/p>="computkeyliz=/cgtrr, >>/h1codec,atrong/cda/p> /i,,,,,ca/p>="computkeyliz=/cgtrr, >>pcode>)gtrr, >>

    < ,,,, o,,,Jue-'sp)els ca/p>="computkeyliz=/cgtrr, >>a/p>="computapa"cgt;>

    C
    ="computkeyliz=/cgtrr, >>/a/p>cgt;>

    <, jie liera"f ,,,,,,,,,ca/p>="computkeyliz=/cgtrr, >>s=hftn.ihttp://gaappa.uncv-lils 3.fr/ n'ys/htmlt;>

    ="computkeyliz=/cgtrr, >>//code>)gtrr, >>

    <él ,,,, ,,,,jaaf 99 srs ,,,, ,ca/p>="computkeyliz=/cgtrr, >>/pcode>)gtrr, >>

    < ,,,,,,ca/p>="computkeyliz=/cgtrr, >>pcode>)gtrr, >>

    < ,,,, o,,,Maceeo, prgrtréféré ont="computkeyliz=/cgtrr, >>/pcode>)gtrr, >>

    < ,,,,,,ca/p>="computkeyliz=/cgtrr, >>ulcode>)gtrr, >>

    < ,,,, o,,,ca/p>="computkeyliz=/cgtrr, >>licode>)gtrr, >>

    ="computkeyliz=/cgtrr, >>s=hftn.ixcptl02t;<.htmlecgt;>

    ="computkeyliz=/cgtrr, >>//code>)gtrr, >>

    ="computkeyliz=/cgtrr, >>/licgt;>

    < ,,,,,,,,,ca/p>="computkeyliz=/cgtrr, >>licgt;>

    ="computkeyliz=/cgtrr, >>s=hftn.ixcptl03t;<.htmlecgt;>

    ="computkeyliz=/cgtrr, >>//code>)gtrr, >>

    <<
    ="computkeyliz=/cgtrr, >>/licgt;>

    < ,,,,,,ca/p>="computkeyliz=/cgtrr, >>/ulcgt;>

    < /i,,,,,ca/p>="computkeyliz=/cgtrr, >>pcode>)gtrr, >>

    < ,,,, o,,,Mod no, pcl 'sp)els ,,,,,,,,,ca/p>="computkeyliz=/cgtrr, >>s=hftn.ihttp://gaappa.uncv-lils 3.fr/~gonzalez"cgt;>

    ="computkeyliz=/cgtrr, >>a/p>="computapa"cgt;>

    ="computkeyliz=/cgtrr, >>

    code>)gtrr, >>

    ="computkeyliz=/cgtrr, >> /code>)gtrr, >>

    << ,,,,,,ca/p>="computkeyliz=/cgtrr, >>/pcode>)gtrr, >>

    < ,,,,,,ca/p>="computkeyliz=/cgtrr, >>ass="itemizcpomatu "cgt;>

    ="computkeyliz=/cgtrr, >>div cgt;>

    <,,,, /i,,,,,ca/p>="computkeyliz=/cgtrr, >>ass="itemizv cid"cgt;>

    < ,,,,,,,,,ca/p>="computkeyliz=/cgtrr, >>le itli="V> cdatcodrHTML entW3C)gtrr, >>

    ="computkeyliz=/cgtrr, >>img s cla="rerder:0"s ,,,,,,,,, src84http://gaappa.uncv-lils 3.fr/~gonzalez/iaaq >

    ="computkeyliz=/cgtrr, >>//code>)gtrr, >>

    < ,,,,,,,,,ca/p>="computkeyliz=/cgtrr, >>le itli="V> cdatcodrCSSrentW3C)gtrr, >>

    ="computkeyliz=/cgtrr, >>img s cla="rerder:0"s ,,,,,,,,, src84http://gaappa.uncv-lils 3.fr/~gonzalez/iaaq >

    ="computkeyliz=/cgtrr, >>//code>)gtrr, >>

    < ,,,,,,ca/p>="computkeyliz=/cgtrr, >>div cgt;>

    < ,,,ca/p>="computkeyliz=/cgtrr, >>dbodycode>)gtrr, >>

    ="computkeyliz=/cgtrr, >>dhtmlcgt;>

    cs=name="t; ,,,
    ="computkeyliz=/cgtrr, >BODY {,c,atrong/cda/p> ,,,,,,a.sk<:blue; ,,,,,,tylt-size:130%e/,,,,,,tylt-family:elsrs-larife/,,,="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >H1={,c,atrong/cda/p> ,,,,,,ia/agn
    <:whgeue/,,,, laerder- ces :socide/,,,,,,aerder-width:tu ce/,,,,,,aerder-/em><:whgeue/,,,="computkeyliz=/cgtrr, >},c,atrong/cda/p> ,,,ca/p>="computkeyliz=/cgtrr, >SPAN.apa {,c,atrong/cda/p> ,,,,,,tylt-vari nt: saall-lizoe/,,,,,,tylt-s cla:si"> cce/,,,="computkeyliz=/cgtrr, >},c,atrong/cda/p> ,,,ca/p>="computkeyliz=/cgtrr, >LI {,c,atrong/cda/p> ,,,,,,bcsa- ces ->="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >A: cla {,c,atrong/cda/p> ,,,,,,/em><:g sed; ,,,,,,a.sk="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >A:n, ptld {,c,atrong/cda/p> ,,,,,,/em><:#FF9900e/,,,,,,a.sk="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >A:hne ,,,,,,/em><:red; ,,,,,,a.sk="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.cpomatu {,c,atrong/cda/p> ,,,,,,pn uniqu:,f ced; ,,,, laettom: 10pt; ,,,, oa cla: 5pt; ,,,, otylt-size:90%e/,,,,,,/em><:g ay; ,,,, otylt-s cla:i"> cce/,,,,,,a.sk="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.cpomatu :bufop ={,c,atrong/cda/p> ,,,,,,/eee/ i:"C'secrmoieaiialaaf fspt!"; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.rs farr{,c,atrong/cda/p> ,,,,,,a.sk<:g ay; ,,,, otylt-vari nt:saall-lizoe/,,,, laerder: nedoau cl ocid; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.rs farra: cla,DIV.rs farra:hne ,,,,,,ia/agdacoaa cod:code; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.v cid {,c,atrong/cda/p> ,,,,,,pn uniqu:,f ced; ,,,, laettom: 10pt; ,,,, o cla:5pt; ,,,, orerder:code; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    cs=name="t; ,,,,,,,,,,,,,,E ca carllca/p>="computis"hasis >udasaiac,pa/c,a/p> tfiaeepaiieào"als ttagesntcaal ,,,, ,,,,,c,p> ,,,
    ="computkeyliz=/cgtrr, >BODY {,c,atrong/cda/p> ,,,,,,tylt-family:elarife/,,,,,,tylt-size:12pt; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >H1={,c,atrong/cda/p> ,,,,,,ia/agn
    <:a tsk; ,,,, e-rigin:2em; ,,,,,,g
    <:2em; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >SPAN.apa {,c,atrong/cda/p> ,,,,,,tylt-vari nt:saall-lizoe/,,,, ltylt-s cla:i"> cce/,,,
    ="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >LI {,c,atrong/cda/p> ,,,,,,bcsa- ces ->="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >A: cla,A:hne ,,,,,,ia/agdacoaa cod:code; ,,,,,,/em><:a tsk; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.cpomatu {,c,atrong/cda/p> ,,,,,,pn uniqu:,f ced; ,,,, laettom: 10pt; ,,,, oa cla: 5pt; ,,,, otylt-size:90%e/,,,,,,/em><:g ay; ,,,, otylt-g cla:i"> cce/,,,
    ="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.cpomatu :bufop ={,c,atrong/cda/p> ,,,,,,/eee/ i:"C'secrmoieaiialaaf fspt!"; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >.cacu/re{,c,atrong/cda/p> ,,,,,,n, pbcepty: hidiae; ,,,ca/p>="computkeyliz=/cgtrr, >}>

    < ,,,ca/p>="computkeyliz=/cgtrr, >DIV.v cid, DIV.rs farr{,c,atrong/cda/p> ,,,,,,y="computkeyliz=/cgtrr, >}>

    cgd=" cla=/cass="itemizfootapte=/cp>http://gaappa.uncv-lils 3.fr/~gonzalez/nialci r htmlc, c,c,p>
    Couo">11.,La q Couos éi(x)HTML at CSSc, c,a/p>/cdit>
    ="comput>Couo_RGB">RGBc, c,a/p>/cdit>
    ="comput>Couo_Quelaiaséeis"l s">Quelaias éeis"l sc, >

    ="comput>Couo_Coodentcasrans f/">Cnodent ça s'rans f/ ?c, >

    ="comput>/s=hftn.idhtml"o<>Couo_Coodentcalc<>CruécodeRGB">Cnodent calc<>Crurno

    ="comput>/s=hftn.idhtml"o<>Couo_EtPcu Sioula">Eeltcu esioula ?c, >

    ="computmhapcl/ /cs=hftn.i#t;12. Utceptspsus CSSc, c,a/p>/cdit>
    ="comput>Fylaulapsusc, c,a/p>/cdit>
    ="comput>RacommaldatcodserulW3Cc, c,a/p>/cdit>
    ="comput>Open Webc, c,a/p>/cdit>
    ="comput>R dso/cdit>
    ="comput>T torielsc, c,a/p>/cdit>
    ="comput>/cdit>="computmhapcl/ /cs=hftn.i#t;13.(Pocptcodnude tfat affimhaq ies cleaceCSSc, c,a/p>/cdit>
    ="comput>Po

    ="comput>Pocptcodnude t nela cfc, c,a/p>/cdit>="comput>Pocptcodnude t absoluc, c,a/p>/cdit>="comput>Pocptcodnude t f cec, c,a/p>/cdit>="comput>Exis"eactde uocptcodnude t< nela cf,lebsolutat f cec, c,a/p>/cdit>="comput>Pocptcodnude t flettlrcc, c,a/p>/cdit>="comput>ch arc,c, >

    ="comput>/s=hftn.idt;Exis"eatde uocptcodnude t flettlrcc, c,a/p>/cdit>="comput>Affimhaq c, c,a/p>/cdit>="comput>Déglaenneseeactu sc, c,a/p>/cdit>="computmhapcl/ /cs=hftn.i#t;14.,Léglaugerl'ca/p>="computapp'isa cod">I e lnee Expbtedecda/p> élcace"onio

    ="comput>Po

    ="comput>Avlrc-taéuos

    ="comput> ors">Eel> ors ?c, >

    ="comput>Exis"ea/s >

    ="comput>Quelaiaslaenneseeactu sc, c,a/p>/cdit>Couos éi(x)HTML at CSS=/cass="itemizagelip q =/cass/cass>Couo=/c, Chapiaas 11. La q Couos éi(x)HTML at CSS/di2/cdiv cldiv cldiv class="itemiztoc=/cp>Tabh oléenma cgnen>,b/c,p>
    ="comput>Couo_RGB">RGBc, c,a/p>/cdit>
    ="comput>Couo_Quelaiaséeis"l s">Quelaias éeis"l sc, >

    ="comput>Couo_Coodentcasrans f/">Cnodent ça s'rans f/ ?c, >

    ="comput>/s=hftn="#html"o<>Couo_Cnodentcalc<>CruécodeRGB">Cnodent calc<>Crurno

    ="comput>/s=hftn.idhtml"o<>Couo_EtPcu Sioula">Eeltcu esioula ?c, >

    Cous vacelr"smce mhapgera onterans fabh era"fCSS eu (x)HTML,lt. toCout del>tstndié(("o<>Coulee ia/a , Couoee tyldriCouoee rerde /pc ,,c,p>cass="itemizagelip q =/cass/cass>Couo_RGB">cs RGB/di2/cdiv cldiv cldiv cl Cou="computis"hasis >Rc,pa/c,a/p> ed), (l-t (ca/p>="computis"hasis >Gc,pa/c,a/p> sed)tat bh ut(ca/p>="computis"hasis >B/dpa/c,a/p> lue) ,,,,,,Tfate "o<>Cout del> ors léfi pélt. 3=apab s (entra 0tat 255)eaiiatrécisinteCououdaett e
    Couo_Quelaiasexis"eac=/cs Quelaias éeis"l sc,i2/cdiv cldiv cldiv cl CouCou<01 html" ariget="_ fp">catee paq i ligca ,,,,,,webc, ,,,,c,p>Cou<01 pla" width="405< obt="Exis"ea eee "c<>Cou<=/cdiv cl Couo_Cnodentcasrans f/">/s Cnodent ça s'rans f/ ?/di2/cdiv cldiv cldiv cl Cou/s=nedc,, ,,,,,,cbluec,, ,,,,,,cg sedc,, ,,,,,,cysslowc,, ,,,,,,cgaay/s; ), (pugrttav zeaué i ,,,,,,rans f/-urno#FF0000c,, ,,,,,,c#00FF00c,, ,,,,,,c#0000FFc,, ,,,,,,c#800000c,, ,,,,,,c#008000c,, ,,,,,,c#000080c,, ,,,,,,c#000000c,, ,,,,,,c#808080c,, ,,,,,,c#A0FF20c, ,,,,c,p>
    CrurnoCouo_Cnodentcalc<>CruécodeRGB">/s Cnodent calc<>Crurnoren a.ol 16 (edrliplaia "'secrrne v c ur ,,,,,,héxaléaer le)/s= ,,,,c,p>< < rhabitue>redelen a.ol 10. Celaecpomifie ,,,,,,aia aialdoapugr ; ivons 35 odét. ea=ee 3rlizaclegret 5urngeés ,,,,c,p>< ="computis"hasis >seizacleg/dpa/c,a/p> ret 6urngeésri< eaiiefsptlen a.ol ,,,,,,10 (aptrslcystèm (ee malc<>rhabitue>)< 16c,a=5410c,a ,,,,c,p>< < abh =/cs=name="html"o<>Couo_Cnrreuoldlr"ag/eciaal-hexTabh au 11.1. Cnrreuoldlr"agedé"aetl-hexabh -/entints"><>abh =summary="Cnrreuoldlr"agedé"aetl-hex cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" cgd=" c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/ctd= c,td/c/tr/c/tbody/c/>abh /cdiv cldiv clb eabh -b ak /c/blockquote/cdiv cldiv class="itemiz>itletaq =/cass/cass>Couo_EtPcu Sioula">cda>Eeltcu esioula ?/di2/cdiv cldiv cldiv cl ="computis"hasis >nialci r/dpa/c,a/p> /s= àecatee ad ssehttp://gaappa.uncv-lils 3.fr/~gonzalez/nialci r htmlc, c,c,p> eu àecatee ad ssehttp://gaappa.uncv-lils 3.fr/ n'ys/javas; ipt/exirci"ag/nialci r htmlcda><,
    cgd=" cla=/cass="itemizfootapte=/cp>4<, ]ocdaaaiac,,t/blackc,,t/bluec,,t/fuchsiac,,t/gaay/s; ,t/g sedc,,t/limec,,t/maroonc,,t/navyc,,t/oliv c,,t/purpl c,,t/nedc,,t/sil(l-c,,t/tealc,,t/whit c,,t/ysslowc,,retc. Vpugrn'au zeaucu"faallà en ta c(l-ub au"c

    Ilefaudrs=tstntiodélr"sml'rans fatcod=ees=apa eee "c<>Courexcsaa=ee apab csatcod=actuell redelen pl clefaatu atcod=et assez fluctulrcsryraueuurna=péricdeéoùu16 apa ese<>Cdentuétspentua torisés), > orseai'actuell dentueaestndlr"aé(lr"smls=nylaeeCCS3) seraptlà s' ccégaatiodéle ipugreagrnpa eee "c<>Cousg cccu eeans saenylaeeSVG. Juene peCSS3 mod<>C: Co or<,  »rrulW3C.,cdp>itletaq =/cass/cass><, Chapiaas 12. Utceptspsus CSS/di2/cdiv cldiv cldiv class="itemiz>oc">

    Tabh =ees=aatiè s

    itletaq =/cass/cass>cda>Fylaultt s/di2/cdiv cldiv cldiv cl <, Qialaiasrad sse eee paq sies clfylaultt seaii pelaetstnt=ee crél-uees=esut ca eee g clag ccl/activ dent / / rmlass="it mized cst type="dcsc">< http://gaappa.rngv-lill 3.fr/~gonzalez/enseignCdent,<,< http://gaappa.rngv-lill 3.fr/~gonzalez/enseignCdent,<,< http://gaappa.rngv-lill 3.fr/~gonzalez/enseignCdent,<,< http://mamm cthfr"d.free.fr/"c<,
    cda>R cnomandltiodsrrulW3Ccdi2/cdiv cldiv cldiv class="itemizit mized cst /c<>rmlass="it mized cst type="dcsc">< <, Cas;ading Styl rSheets,reave>r1/sa>, W3C R cnomtndltiodé17 Dec 1996rirevcsed 11 Apr 2008/ < Cas;ading Styl rSheetsreave>r2, CSS2rSpacificltiod/sa>, W3C R cnomtndltiodé12-May-1998 (revcsed 11 Apri>r2008)/ < Cas;ading Styl rSheets,reave>r3/sa>, « Current Work »/
    /sa>Optn Web/di2/cdiv cldiv cldiv cl rd'ca/p>="computis"hasis >Optn Web/dpa/c,a/p>  / < ="computis"hasis >Un a au jcrl'uge iell rré> csatcod=e"ff lrça, . Aujc csé./dpa/c,a/p> /
    http://www.optnweb.eu.org/erticeag/sa>c,/ cdp>R sspur"ag/di2/cdiv cldiv cldiv cl rmlass="it mized cst type="dcsc">< http://www.netalya.c,/ < http://www.alsacreltiods.c,/ < http://www.webmaster-hub.c,/ < /~torre/EnseignCdent,Ccc,/ < http://gaappa.rngv-lill 3.fr/~gonzalez/enseignCdent,2001-2002/optiod2/g cla/g cla.php/sa>c,/ < http://www.w3.org/TR/REC-CSS1/sa>c,/ < http://www.w3.org/TR/REC-CSS2//sa>c,/ < http://www.w3.org/Styl /CSS/current-work/sa>c,/
    T torielg/di2/cdiv cldiv cldiv class="itemizit mized cst /c<>rmlass="it mized cst type="dcsc">< chttp://www.netalya.c,/ < http://optnweb.ap cc.org/t;c,/
    Le nialci r hexrmlass="it mized cst type="dcsc">< <, <http://gaappa.rngv-lill 3.fr/~gonzalez/nialci r.html/sa>c, eu chttp://gaappa.rngv-lill 3.fr/ n'ys/javas; ipt/exirci"ag/nialci r html/sa>c, /
    Chapiaas 13. PositiodnCdentret affichaq iavec eagrCSS/di2/cdiv cldiv cldiv class="itemiztoc">

    Tabh =ees=aatiè s

    ca/p>="comput>Pcc,span/cdat>cat>ca/p>="comput>PcsitiodnCdent lltif/sa>c,span/cdat>cat>ca/p>="comput>PcsitiodnCdent absolu/sa>c,span/cdat>cat>ca/p>="comput>PcsitiodnCdent fixe/sa>c,span/cdat>cat>ca/p>="comput>Exis"eageee pcsitiodnCdents lltif, >bsoluret fixe/sa>c,span/cdat>cat>ca/p>="comput>PcsitiodnCdent flottlrc/sa>c,span/cdat>cat>ca/p>="comput>Laepaéudiéeé cceaarc,/sa>c,span/cdat>cat>ca/p>="comput>Exis"eaeee pcsitiodnCdent flottlrc/sa>c,span/cdat>cat>ca/p>="comput>Affichaq /sa>c,span/cdat>cat>ca/p>="comput>D sibodnCs eactu s/sa>c,span/cdat>c/dl/cdiv class=mlass=">/sa>PcI>rexcsaa=3 mod siee pcsitiodnCdentrCSS /ocspanrmlass="is"hasis > lltiv cs=/dpa/c,a/p> ,t/spanrmlass="is"hasis >>bsolut cs=/dpa/c,a/p> ,t/spanrmlass="is"hasis >fixedcs=c/pa/c,a/p> . Chaaia typeraus sipaéud sirègeagree pcsitiodnCdentret eifférentagrboîtagrpec(lrceutceps roeifférents chémasret ccl/férer lrc ell s./ cdp>< rn'edelpacepect-êc paceinutcea=ee aappeh roea=sengrees motsrcs=/spanrmlass="is"hasis >paddingcs=/dpa/c,a/p> ret /spanrmlass="is"hasis >margincs=/dpa/c,a/p> /sa> / / < t="Le sengrees motsrpaddingret margin"><
    < <, eaielmarginc/pa/c,a/p> désignC s'écert lrc sodérerd (vcsibh ueu non)ret h u sta=ee laepaq i(espa"aérose ci-eessus), tlrdcseaie /spanrmlass="is"hasis >paddingc/pa/c,a/p> désignC s'écert lrc sodérerd (vcsibh ueu non)ret sodé
    /sa>PcsitiodnCdent lltif/di2/cdiv cldiv cldiv cl Laepcsitiod lltiv rl'ugrélédentuedelcalculé et eéterminé par aapport à saepcsitiod ee s'élédentuprécédlrcelr"smle ccdeéHTML./ cdp>< rmlass="it mized cst type="dcsc">< <, = »rsert à définiroeaoeistlr"aélrc h urerd a< < = »rsert à définiroeaoeistlr"aélrc h urerd ee droit rl'uge zoge et celii ee sa zoge envirodnlrce./ < = »rsert à définiroeaoeistlr"aélrc h urerd ee gau"h rl'uge zoge et celii ee sa zoge envirodnlrce./
    / / cdp>< redel> orsepcssibh uee par(lriroàefat "h vau"h r=ee
    bsolu">PcsitiodnCdent >bsolu/di2/cdiv cldiv cldiv cl < rmlass="it mized cst type="dcsc">< = »reistlr"aé(l-ticaleélrc h ucôtéi lcérieurrrulnavigateurret haepa-ti islcérieur rle sa boîta séeactiodnée./ <
    / / cdp>
    PcsitiodnCdent fixe/si2/cdiv cldiv cldiv cl R maraie/di3>< < Atstntiodoàena=pas cnnfynd h upcsitiodnCdent >bsoluies clh upcsitiodnCdent fixe./ cdp>bsoluret fixe">/sa>Exis"eagrle pcsitiodnCdentsir lltif, >bsoluret fixe/si2/cdiv cldiv cldiv cl mlass="paégaam csting"> /spanrmlass="keycap"><ass=g cla=" pcsitiod:fixed; top:5em; left:3em; width:12em; height:12em; backga cnd:ysslow; ">cdacrong>cdapan/fixed fixed fixed fixed fixed fixed fixed fixed /spanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla=" pcsitiod:>bsolute; top:5em; left:3em; width:15em; height:10em; backga cnd:p ck; ">cdacrong>cdapan/>bsolute >bsoluterabsoluterabsoluterabsoluterabsoluterabsoluterabsoluter/spanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla=" pcsitiod: lltiv ; top:5em; left:3em; width:10em; height:15em; backga cnd:g sed; ">cdacrong>cdapan/ lltiv lltiv r lltiv lltiv r lltiv lltiv r lltiv lltiv r/spanrmlass="keycap"><div >cdacrong>cdapan/cdpre/c lltiv c/pa/c,a/p> h usera par aapport au derni roia/a affiché./ cdp>< caci/sa> / / < t="PcsitiodnCdents=eixe, >bsoluret r lltifs"><
    PcsitiodnCdent flottlrc/di2/cdiv cldiv cldiv cl floatcs=<, (/spanrmlass="is"hasis >leftcs=/dpa/c,a/p> reu cspanrmlass="is"hasis >rightcs= ) odopcsitiodnCoàegau"h reu àedroit ruge boîta par aapport au sta=ee laepaq . Cetst boîta n'edelpcu eeans se flux apla> ,reaéfloatc/pa/c,a/p> )./ cdp>
    Laepaéudiéeé cceaarc,/si2/cdiv cldiv cldiv cl >/ cs=Cetst paéudiéeé trèceintéressarce pelaetrl'is"ê"h rurna=boîce d'êc adjac rce àurna=a t élr fynctiodrlu côtéioùuell rse croc(l par aapport àecall -ci (eelee la valeurrle sa paéudiéeé cspanrmlass="is"hasis >ceaarc,pa/c,a/p> leftcs= ,t/spanrmlass="is"hasis >rightcs=/dpa/c,a/p> ueu cspanrmlass="is"hasis >bothcs=/dpa/c,a/p> ,taii désignC s rcôtés cnnc rnés par catee ircerdictiod)./ cdp>
    Exis"ealee pcsitiodnCmedceflottlrc/di2/cdiv cldiv cldiv cl mlass="paégaam csting"> /spanrmlass="keycap"><ass=g cla="float:right;rerder-g cla:solid;">cdacrong>cdapan/droit n°1cspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="float:right;rerder-g cla:solid;">cdacrong>cdapan/droit n°2cspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="float:left;rerder-g cla:solid;">cdacrong>cdapan/gau"h rn°1cspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="float:right;rerder-g cla:solid;">cdacrong>cdapan/droit n°3cspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="float:left;rerder-g cla:solid;">cdacrong>cdapan/gau"h rn°2cspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="float:right;rerder-g cla:solid;">cdacrong>cdapan/droit n°4cspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="float:left;rerder-g cla:solid;">cdacrong>cdapan/gau"h rn°3cspanrmlass="keycap"><div >cdacrong>cdapan/cdpre/c caci/sa> / / < t="PcsitiodnCdent flottlrc">
    < caci/sa>, ailrd la fenêc edelcrop écroit  / < t="PcsitiodnCdent flottlrc">
    ceaarc,pa/c,a/p> (avec eagrvaleurs cspanrmlass="is"hasis >bothc/pa/c,a/p> ,t/spanrmlass="is"hasis >rightc/pa/c,a/p> ret cspanrmlass="is"hasis >leftc/pa/c,a/p> )raupc
    Affichaq /di2/cdiv cldiv cldiv cl >/ Laepaéudiéeé cspanrmlass="is"hasis >eisplay/dpa/c,a/p> pelaetrlr fynctiodrle la valeurrai'ell rprerd l'affich ruee eifférent rmaniè urna=boîce (b> cse), un tabh au, une lcste,retc.../ cdp>< rmlass="it mized cst type="dcsc">< < <
    / / cdp>< cses i vpugrtréférez) sodcepcsitiodné reagrunesredél sspugrees a t ce(pc)./ cdp><
       /spanrmlass="keycap"><ass>cdacrong>cdapan/Uncspanrmlass="keycap"><div >cdacrong>cdapan/
       /spanrmlass="keycap"><ass>cdacrong>cdapan/De<div >cdacrong>cdapan/
       /spanrmlass="keycap"><ass>cdacrong>cdapan/Troiscspanrmlass="keycap"><div >cdacrong>cdapan/cdpre/c	affichaq	/sa> /
    			/			<	 t="Displayrblock">
    < eisplay ret une valeurrcspanrmlass="is"hasis >inlcle/dpa/c,a/p> ./ cdp><
       /spanrmlass="keycap"><ass=g cla="eisplay:inlcle">cdacrong>cdapan/Uncspanrmlass="keycap"><div >cdacrong>cdapan/
       /spanrmlass="keycap"><ass=g cla="eisplay:inlcle">cdacrong>cdapan/De<div >cdacrong>cdapan/
       /spanrmlass="keycap"><ass>cdacrong>cdapan/Troiscspanrmlass="keycap"><div >cdacrong>cdapan/cdpre/c	affichaq	/sa> /
    			/			<	 t="Displayrinlcle">
    < rexcsaa=aussiél srboîtagree typercspanrmlass="is"hasis >inlcle . C'edeleodc e' c(l-se aii se paéduit,fet ell s sodceplacé rà saesuice l sra t c. Si vpugrspuhaptez eagraffich ru(l-ticalemedce(legrunesredél sspugrees a t c), i>rfa téutceps roeaopaéudiéeé cspanrmlass="is"hasis >eisplay ret une valeurrcspanrmlass="is"hasis >block ./ < "ss-demo-03.html/sa>/ < re mlass="paégaam csting"> /spanrmlass="keycap"><ass>cdacrong>cdapan/Uncspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass>cdacrong>cdapan/De<div >cdacrong><ass>cdacrong>cdapan/Troiscspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><hr />cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="eisplay:inlcle">cdacrong>cdapan/Uncspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><ass=g cla="eisplay:inlcle">cdacrong>cdapan/De<div >cdacrong>cdapan/ /spanrmlass="keycap"><ass>cdacrong>cdapan/Troiscspanrmlass="keycap"><div >cdacrong>cdapan/ /spanrmlass="keycap"><hr />cdacrong>cdapan/ /spanrmlass="keycap"><p>cdacrong>cdapan/ /spanrmlass="keycap"><apan>cdacrong>cdapan/Uncspanrmlass="keycap"><dapan>cdacrong>cdapan/ /spanrmlass="keycap"><apan>cdacrong>cdapan/De<dapan>cdacrong>cdapan/ /spanrmlass="keycap"><apan>cdacrong>cdapan/Troiscspanrmlass="keycap"><dapan>cdacrong>cdapan/ /spanrmlass="keycap"></p>cdacrong>cdapan/ /spanrmlass="keycap"><hr />cdacrong>cdapan/ /spanrmlass="keycap"><p>cdacrong>cdapan/ cspanrmlass="keycap"><apan=g cla="eisplay:block">cdacrong>cdapan/Uncspanrmlass="keycap"><dapan>cdacrong>cdapan/ /spanrmlass="keycap"><apan=g cla="eisplay:block">cdacrong>cdapan/De<dapan>cdacrong>cdapan/ /spanrmlass="keycap"><apan>cdacrong>cdapan/Troiscspanrmlass="keycap"><dapan>cdacrong>cdapan/ /spanrmlass="keycap"></p>cdacrong>cdapan/cdpre/c < t="Displayrinlclefet block">
    D sibodnCs eactu s/si2/cdiv cldiv cldiv class=mlass="it mized cst /c<>rmlass="it mized cst type="dcsc">< OpedéWeb,=esut ca eee g cla/sa>/ cdp>< AidlNetbsoluieu r lltif/sa>/ cdp>< AidlNet/ cdp>< AidlNetbsolu/sa>/ cdp>< AidlNetbsoluies clHEIGHTfet WIDTH/sa>/ cdp>< AidlNet/ cdp>< Cc/ cdp>
    Chapiaas 14. Legrbug rl'cspanrmlass="applicltiod">Ircernet Exp orer

    Tabh =ees=aatiè s

    ca/p>="comput>Ppurquoi ?/sa>c,span/cdat>cat>ca/p>="comput>Avlrc-paéuoscat>ca/p>="comput>Eelalorg ?/sa>c,span/cdat>cat>ca/p>="comput>Exis"eacat>ca/p>="comput>QialaiasrbodnCs eactu sc/dl/cdiv class=mlass=">Ppurquoi ?/si2/cdiv cldiv cldiv cl /s=Odoaoeéjà vu plusieurs=eois ai'ca/p>="computapplicltiod">Ircernet Exp orer[cs=name="id2804660" href="#ftn.id2804660" mlass="footapte">5]. Leopaéblèae c'edelaieuee (taéu !) apmb ux interna tas l'rans fedcelrco ,fet aieuvos paq soeoiv dceêc vcsibh sies clipugreagrnavigateurs.../ cdp>< bug /dpa/c,a/p> d'ca/p>="computapplicltiod">Ircernet Exp orer<
    Avlrc-paéuosXc,fet cYc,fécarcueegrb> cseseaiel
       /spanrmlass="keycap">X Y {bla bla bla}<y>cdredelun hériti	ruee c<x>cdri<'ede-à-di 	 ailrd c<y>cdredelsitué	 /spanrmlass="is"hasis >lr"s/dpa/c,a/p>	 c<x>cdri<'ede-à-di 	 /
    		
       /spanrmlass="keycap"><x>cdata ng><y>cdata ng></y>cdata ng></x>cdata ng><y>cdata ng></y>cdata ng>renrexcsaa=une variarc	 /
    		
       /spanrmlass="keycap">X > Y {bla bla bla}<y>cdredelun hériti	rudi 	ct/dpa/c,a/p>	 (eu plus  impladentuun enfarc/dpa/c,a/p>	)uee c<x>cdri<'ede-à-di 	 ailrd aucu"	ua t 	 b> csern'edel	dc 	 c<y>cdret c<x>cd./		cdp><	<	re mlass="paégaam csting">
       /spanrmlass="keycap"><x>cdata ng><z>cdacrong>cdapan//      .... 
       /spanrmlass="keycap"><y>cdata ng></y>cdata ng></z>cdacrong>cdapan/ 
          ....
       /spanrmlass="keycap"></x>cdata ng><x>cdata ng><y>cdata ng></y>cdata ng></x>cdata ng><y>cdata ng></y>cdata ng>Eelalorg ?/di2/cdiv cldiv cldiv cl	parser/dpa/c,a/p>	ueaonocltioduprécédlrce n'edelpa rIrcernet Exp orer<	eaueéfinitiod é;
    ase ipute lr"penne démlarltiodupc cse, i>rsufficue'é;
    i 	<	re mlass="paégaam csting">
       /spanrmlass="keycap">b> cser{h	u tyl	ràéappliaieroàeIrcernet Exp orer}html>body b> cser{h	u tyl	ràéappliaieroaux a t 	cenavigateurs/dapan>}Ircernet Exp orerrappliaieraoeodc e	upremi	r./		cdp><	rlcrs=égaeadentul	 eeuxièaeu tyl	r(aii signifi	 ai'i>reoic s'appliaierrà saeb> cserailrd e>eauedeldésc	rlr"t	 ee cBODYc,, aii doic êc 	 e>ea-mêae fill	 ee cHTMLc,ri<'ede-à-di 	 ipujc
    Exis"ea< Ircernet Exp orerrna=pect pa rfat mi ux, odos'edé< lmlass="paégaam csting"> /spanrmlass="keycap">ass.a nu {/* (l-siod pc cgn:c rce-; }html > body ass.a nu {/* (l-siod pc cgn:c rce-; pcsitiod:fixed; bottom:1em; left:1em; right:1em; }QialaiasrbodnCs eactu s/di2/cdiv cldiv cldiv class=mlass="it mized cst /c<>rmlass="it mized cst type="dcsc">< Cnnipurner l ceeéfa t reimptltiodsrbug rl'Ircernet Exp orer./ cdp>< Th rweird lrd wynderful wyrld of Ircernet Exp orer (edoangla, )./ cdp>


    [cs=name="ftn.id2804660" href="#id2804660" mlass="para">5] /salc>À iel pcclcuai'un lmampaqna=« Éradiaiods IE »ra écéueancé oa uprclcis"s 2009 par eegrsitegraplvégpens,ravarceee gaqnarueaémyndeoenti r. Vpugrttarrez ta c(l-uplus d' cfylaltiodsé liglas paq sosuivlrcegCampaqna=pc »,o« À morteIrcernet Exp orer 6 ! »,o«  heur" target="_top">Meurs,lnavigateurrdeoa> heur »,o« Le jc »,o« Navigateurs :uune "mampaqna pc »,o« Campacgn ip ridothe WWW of Ilcirnet Exp orer 6 ».

    Parti  IV. Qialaiasrgénéralités liglas rés aux/di1>

    Tabh =ees=aatiè s

    ca/p>="computchapcir">15. Qi'ede-caéai'un rés au ?/sa>c,span/cdat>cad>capan=mlass="sect1">Qi'ede-caéai'un rés au/sapan>cat>ca/p>="comput>Hcstoriqie généraleeesirés aux/sapan>cat>ca/p>="comput>Lagelrt soa>rqur"t s/sapan>cat>ca/p>="comput>Quiredelaii ? Qiirfatcuaioi ?/sa>c,span/cdat>cat>ca/p>="comput>Dirniè sir maraies/sapan>c/dl/cdid>capan=mlass="chapcir">16. Les ad sses ligclcirnet/sapan>cdd>capan=mlass="sect1">Ad sses doaa,ncsé /dpa/c,a/p> /sapan>cdt>capan=mlass="sect1">Lagead sses URL/sapan>c/dl/cdid>
    Chapiaas 15. Qi'ede-caéai'un rés au ?/di2/cdiv cldiv cldiv class=mlass="toc">

    Tabh =ees=aatiè s

    ca/p>="computsect1">Qi'ede-caéai'un rés au/sapan>cat>ca/p>="comput>Hcstoriqie généraleeesirés aux/sapan>cat>ca/p>="comput>Lagelrt soa>rqur"t s/sapan>cat>ca/p>="comput>Quiredelaii ? Qiirfatcuaioi ?/sa>c,span/cdat>cat>ca/p>="comput>Dirniè sir maraies/sapan>c/dl/cdiv class=mlass=">Qi'ede-caéai'un rés au/di2/cdiv cldiv cldiv cl Le mot rés au/dpa/c,a/p> redeltrècespuv dceis"loyéelr"smrnfsengraiiul uli aux ccmaunicltiod . Ain i iputurnfchacrnfcodnaîceh urés au téléphoniqie,reaérés au a cti ruod parh ra,raussi,oe'un rés au l'amcs./ cdp>< < rfa tépcpaétocoh < paétocoh
    Hcstoriqie généraleeesirés auxIlcirnet ade issu rulrés au Arpanet (deol'Advarced Res arch Projacts Agency), crééoenr1968 paruh eépart m dceamérica,n deola Défense,rlr"grunrbuc stratégpqie, pc< rna=pelaettltcuaieol'envoi deoccTCP/IPravec l'excérier"aédeol'usaq ideoX25 ligARPANET. Leobuc écatcudeoccr"avoirurnfrés au aiiuréscsterà des attlaiesoailitacresitelh seaie des bpmbardem dc . Ain i, i>rne d vapt pa ryravoirudeopcclcunévralgpqieelr"smle rés au,oeodcuh'arrêelauraptlpaévoquéuh blocaq iccmplet deocalui-ci,fet h seeodné rd vap dcepcbsenc ldeocodtrôh c rc > cséelr"sme' ct rnet et unr"h minadentueynampqieldeseeodné ./ cdp>< Mis lr"grh doaa,neopublic=(lib ee'utcepsltiod), i>rfuc reprcs paruh gruniv -sitacresienr1979 (La Duke Univ -sityrà Durham Caroline du/ Nerd), aiiuy vp dceh emoyedoe'é;hang rudeceinfylaltiods./ cdp>< rS"penc lF cndltiod eirarc lleurs mcsesrenfrés au), Ilcirnet d vpenelaux Étlts-Unisuh'affat eesigaandes dc prcses prcvé ,oees P.M.E. et ees particuli rc./ cdp>< Enr1983ri<'edeoa uipur eeul'Euaéu (paruh bia, oenrFaanc ldu C.N.A.M. Conservatoir lnatioda>rees art oeelméti rs)ret rulrade ldu myndeoeeus iccdnect r=àecaorés au eeurés aux./ cdp>< . Actuelh m dc,reaédéve>oppadentueeul'inf astructur l ct rnetoenrFaanc ls ifatcu liiputurulcôtéiees océrrt ursiprcvégraiiuoff dceh s ervices eeul' ct rnetoaux dcreprcses eelaux particuli rc./ cdp>< h Wyrld WidluWeb ed udémoceh uWeb. LeomoceWeb déscgn lea cs=toih d'aracgné oeelWyrld WidluWeb déscgn leodclea toih d'aracgné occ< >/ /s=L premi runavigateur WEB gaaphpqiela écéumcslaux pcclcslau CERN (c rc urocéed eeure"h r"h nucléa,r )renr1993./ cdp>< <
    Qiiuede aii ? Qiirfatcuaioi ?/di2/cdiv cldiv cldiv cl csé,lpl ne ccmpylieeaucrnfsite=< dcr> d'eù odopcrch eelpl n'ede pa rgéréoparurnfadmincstrrt ur uniaie. Iluede fylaéel'un ensembh dlurés aux. Iciul ut rma=« rés au »rede à paerd suau s ds d'ensembh dlulia, ons,re'éaiipadents de ccmaunicltiod,oee s rvices spuceh uccdtrôh l'una=« a torité »r(sociécéoccmaerciale,ra sociltiod 1901, Ga cpadentue' ctérêelpublic...). Chacrnfde clcerés auxra slcepaépresirègh seadmincstrrtiv s,rslcecli nts,rslcetarifs,rslces rvices eelslceocérrt ursi(legrpersodnesraiiufyne fynctiodnarueas appareil )./ /dp>< Cs./ /dp>< rfa t qielclcedlux rés auxrai nt écablilunfch min nt sulux. Clla ede trècesimplaitechniaiem dc. Mai rfirarciè m dc,rpl fa téaussilqiel;haqielrés au, cync sulde la mocivatiod aiiufa,ceareutcr ca gen sude négociatiod, aielaiefois spucehaopaessiod dlceutcepslt urs. Clla n'es"ê"h epaseaie,oea"grcl-ta,ncecas, pc< cste ./ /dp>
    Derniè cer maraies/di2/cdiv cldiv cldiv cl arrivarc ligl'Ircernet eelpecv dceeodn roli uoàeunrrejeeltecal. C'ede unflaryrclch . Ilun'yraepasede guidlueell'odor, aieude s ip rd ./ /dp>< Lellaryrclch ulde bpen réel,fetlpl n'yraepasede re"ettaoairacea, i>rfa t de la prrtiaie. Ilulde néce sa,r ld' cstall roetld'appaerd suàurtceps rurppur suapuveau v duld'avoirurnficitiat ur qiioa h cemêaecepôh ced' ctérêelppur 'acguill ro lruh ceinfylaltiods= ctére sa"te . Iluyraeiputuetln'impylieeaioi ccmaeoinfylaltiod. Ccmae la plupartrdeceinfylaltiods=qiiocircul dt na=sodt validé s parupelsodnefetlai'pl ede trècesimplail'ir éaettra, cl-ta,n s na=prés "tedt aucrnf ctérêe,lna=sodt pasetrié ,osodt obsolète , vo,r lfa ss s... Au départrcalaeparaîcechoqua"t. Mai runfkio aieuà jc<
    Chapitra 16. Legrad sses lig cternet/di2/cdiv cldiv cldiv class=mlass="toc">

    Tabh =ees=aatiè s

    ca/p>="computsect1">Ad sses doaa,ncsé /dpa/c,a/p> /sapan>cdt>capan=mlass="sect1">Lagead sses URL/sapan>c/dl/cdiv /cass=mlass="sect1" title="Ad ss s doaa,ncsées">cass=mlass="titlepaq ">Ad ss s capan=mlass="is"hasis >doaa,ncsé /dpa/c,a/p> Ppur sucasideoma mr"hpn ,rh'ad ss doaa,ncsée ede cl3ux02.univ-lill 3.fac,fac,), à s'univ -sitéodelLill 3 (cuniv-lill 3c,)ret s'appelh cl3ux02c,./ /dp>< e/s=eoaa,n »,oh d rni r lffixerea"grl apmodéscgn lspuv dcel payc (cfac,rppur Faance,rcd /srppur All maqna,rcau/srppur A t icha,rcjp/srppur Japod...) ourencoreluna=ad ss ccmaerciah parul lffixercccmc,. Lece/s=spuc-doaa,nes sodt spuv dcelaoeéscgnatiod decee"treprcses ourdeceinctitutcods (cuniv-lill 3c, ourcsncfc,,u...). Les apmcedlcema"hpn sraiiuapparai s "trea"grl préfixerelcead ss s doaa,ncsées sodt spuv dceapmmé s parul rvice ai'elh sepaéposentwww.sncf.fac, ede la mr"hpn qiiopelaetodellcre dlcepaq sohyperia/alceà saeSNCFe d Faance taldiseaieocftp.univ-lill 1.fac, ede la mr"hpn qiiopelaetodelfat odell'é;hang delfichi rceà s'univ -sitéodelLill  1e d Faance./ /dp>< rch , Ilcirnet ccmpaerdedlcema"hpn sraiiucodti nn dcedlcecabllceqiioa soci "trnuméros IPretoad ss s doaa,ncsées. Clcema"hpn srsodt apmmé s capan=mlass="is"hasis >DNS/dpa/c,a/p> rppur capan=mlass="is"hasis >doaa,n=naae s rv r/dpa/c,a/p> ./ /dp><
    cass=mlass="titlepaq ">Lecead ss s URL/di2/cdiv cldiv cldiv cl Vpiciedlceexis"eacedlufylaltud'ad ss URL parutypeedlu rvice./ /dp>capan=mlass="t rm">http :/sapan>cad>< e C'ede h'ad ss d'un docuae"trhyperia/al (da"grh'arreresc rc )r lruuna=ma"hpn do"trl apmoede eodnéoparurna=ad ss doaa,ncsée./ /dp>< Exis"eag / /dp>< http://www.univ-lill 3.fac,/ /dp>< eéscgné. C'ede c lai'odoappell laepaq id'accueil./ /dp>< http://www.lifl.fa/LIFL/paesentatiod_lifl.htmlc,/ /dp>< paesentatiod_lifl.html/srea"grl dcssi r /ccdeéclass="ccmpuc a ctpuc">LIFL/sr lruha mr"hpn ede cwww.lifl.fa/s./ /dp>
    capan=mlass="t rm">ftp :/sapan>cad>< edlulaemr"hpn . Laemr"hpn ede eodné par odoad ss doaa,ncsée. Da"grhsucasioùul'utcepslt ur n'ede pa rrpré"psé,ll'é;hang dlufichi ru raoanonyae (/apan=mlass="is"hasis >anonyapuceftp/dpa/c,a/p> rea"grl jargodoanglo-saxon)ret llcedroics eelh cea torisatiodcer latifceà saecopiaéourlaeeactu edlcefichi rce ro"trlimptés. Da"grhsucasioùul'utcepslt ur ede pré"psé,lodohérit edlcedroics eeldlcea torisatiodcedlul'utcepslteur. Bi n sûr, c lapmodoic êc prés "trea"grl'annua,r ldlulaemr"hpn (c'ede aielai'un dsucodnu)./ /dp>< Exis"ea /ccdeéclass="ccmpuc a ctpuc">ftp://ftp.netscape.c,/ /dp>capan=mlass="t rm">news :/sapan>cad>< eLecega cpacedlueiscussiods sodt aussilhiérrr"hpsésrppur mi ux s'yrreta c(l-./ /dp>< news:ccmp.ch oryc,,fede un ga cpaeqiioparl daochéori da"grhs=ccmp = ccmpuc a s"penc /dpa/c,a/p> )./ /dp>< news:apld-pdc.petites-anno"cesc,fede l ga cpaedlcepetitlceanno"cesedlcegencedu Nerd-Pas-de-Cala, ./ /dp>capan=mlass="t rm">aa,lto :/sapan>cad>< Lerc@/sr pro"o"ce ouv dce« at »rppur di « chaz ». Par exis"ea jeuva, e dvoyerurnfaa,loàéWilliam qiiocr>vapll chaz M,ncmou,rh'ad ss raosa"grd ctercaa,lto:William@mincmou.fac,. / /dp>capan=mlass="t rm">telnet :/sapan>cad>< euna=codnactiodoà dcstanc llii pelaettantodelcr>vapll r cpmae sil,los ita c(a,celrrfac ./ /dp>< telnet://l3av03.univ-lill 3.fac,ite"tere'cl3av03.univ-lill 3.fa/s./ /dp>
    Glocsa,r /di2/cdiv cldiv cldiv class=mlass="glocsass" title="A">A/di3>Ad ss IPc,it>cad>< Ccd qiioidldtifiaéuna=ma"hpn da=maniè éuniaier lru cternetéour lruuneréx au loca . Une ad ss IPrede uneuvaleur cpdé r lru32 bpcs eeltypiaieae"trreprés "té r pucehaufyla dao4lapmb cedé"pmaux correspodda"t aux 4 octetsolaeccmposa"t. T ctegrhegrvaleurcepcssibllcesodt pelais s, aa,
    C/di3>Ccd purc /sit>cad>< Lerccdeé purc fede un ensembh d' cstructcods é; it s da"grun fr"gaq id progaamaltiodnsfylaéeenrexécucablleparolaeccmpifrtiodéourêc exécucéitellaie>rparoun cterpréteur. (Déficitiodoprov dantodelWikipédia.)/ /dp>
    D/di3>DNS/dacro"ym>c,it>cad>< /apan=mlass="is"hasis >Doaa,noNlae S rv r/dpa/c,a/p> . C'ede una=ma"hpn qiiofpurnce un s rviceid'annua,r . La s ul façodoai'odtrl cema"hpn srd a=codtacteroàecr>velsu cternetrpass iparul cead ss s IP (paruexis"ea /ccdeéclass="ccmpuc a ctpuc">194.254.131.21/s). Les ad ss s IPrn'écadt pasetrèce/apan=mlass="is"hasis >parfr"t /dpa/c,a/p> ppur l ceêc grhuaa,nc, odopréfè utcepserul cead ss s doaa,ncsées (paroexis"ea /ccdeéclass="ccmpuc a ctpuc">www.univ-lill 3.fa/s). Clcead ss s n'écadt paseccmpréhensibllcepari(oc erdinrt url,lodoit e aanderoàesa DNS/dacro"ym>laie>l ede h'ad ss IPrcorrespodda"t àecattaoad ss odoaa,ncsée, et aul ae"trensuice ppuvoirua,nsilcodtacterolaemr"hpn dcstanc . Una=codséaiedceida=ca=mécanisme/olorg daolaecodfcgurrtiododa=(oc rés au la DNS/dacro"ym>ldoit évidlmae"t êc eéf,ncl par sodead ss IPr(sodead ss doaa,ncséeu rait une infylaltiod a"grutcepcéopuisaierpl fa dra,ced'arerdrcodtacterolaeDNS/dacro"ym>lppur ppurvoirucodtacterolaeDNS/dacro"ym>... Cl-cea vp"peux.)./ /dp>E/di3>Édiceur eeuia/al/sit>cad>< Ud édiceur eeuia/alfede un progaamal qiiopelaetodelsapsiruet moeifi r cteractiv ae"tresite/alc. Un édiceur eeuia/alfede un hogiciel dlctinéoàelaemrnipulatiododa=fichi rcete/alc. Un telloutcefede puv dcefpurncravec l ystèmCed'exp oitatiod,itell ae"trsodeusaq iede cpurr"t, vo,r lcr"odtpurnabll ppur certa,nlsitâchaceinfylaltiaies(admincstrrtiododéve>oppadent). Ilun'ede paseenrgénérale"odcernéoparulaemis eenrfyla . (Déficitiodoprov dantodelWikipédia.)/ /dp>E/alnsiodcad>< Leceexalnsiodgrsodt dlcepetitceprogaamalceqiios' cstall ntoda"grhsselogicielg daolaefampll /apan=mlass="applicatiod">Mozplla, pelaettantod'appylier eeuapuve>eacefodctiodda>ptésoàel' cterfac . Ilun faue pase"odfodd rl cepcug,ncravec l ceexalnsiodg. Les pcug,nc pelaette"t da=lcre dlce"odt dusu cternetraier/apan=mlass="applicatiod">Mozpllalna=sa,cepaselcre nativ ae"t./ /dp>F/di3>/apan=mlass="applicatiod">F,r Foxcad>< e/apan=mlass="applicatiod">Mozplla F,r fox (précédlmae"t /apan=mlass="applicatiod">Phoe"ixuet /apan=mlass="applicatiod">Mozplla F,r bird)rede un=naviglteur Web lib eeéve>oppée t dcstribuéuparilaeFoddatiodo/apan=mlass="applicatiod">Mozplla aidé rda=cadtapn g daobénévol g grâca=aux méthcd g daodéve>opp ae"tréu n spurc . Avarc da=s e"odce"treru lru/apan=mlass="applicatiod">F,r Foxe t sodeccmpaqnode/apan=mlass="applicatiod">Thund rbird, aiiulii, pelaetrda=géreru odeccMozplla éca,ce lriputu"oddulppur sa suice ctégrée da=logicielg Icternet,rd'un e"odceptiod pcu er"ci nn ohéritée da=capan=mlass="applicatiod">Netscape. (Déficitiodoprov dantodelWikipédia.)/ /dp>I/di3>/apan=mlass="applicatiod">Icternet Exp orercad>< capan=mlass="applicatiod">Icternet Exp orer, parfois abrégércapan=mlass="applicatiod">IE/dapan>lourcapan=mlass="applicatiod">MSIE/dapan>,fede l aavigateureWeb da=capan=mlass="applicatiod">Microsoft/dapan>, venduravec capan=mlass="applicatiod">Wermows/dapan>. C'ede depuis laef,n das adné r1990ul aavigateurell pcu eutcepsé=aulmyndeocatl,los'ede larg ae"treiffuséi lruh seordinrt ursispuceWermows/dapan>uet /apan=mlass="applicatiod">Mac OS/dapan>loùl,loéca,ce puv dce cstalléuparieéfa t./ /dp>< Icternet Exp orer rede aujcnslucidpté dag pmaq ceaulfylalt PNG). Cecievi nt probabllae"trdurfatt qiellaedarniè (l-siod d'Icternet Exp orer dat d'octob 2001, ca=qiioreprés "taéuna=éternpté da"grhsodoaa,n da=l'infylaltiaie./ /dp>< oqiioede mis eenrcause. Iluede edeeffet accuséell pelaett ta prfacih ae"trlaepropaqatiodoll spywarecuparil' ctermédia,r ldlusa technologpeeActiv Xeac. (Déficitiodoprov dantodelWikipédia.)/ /dp>L/si3>Logiciel lib cad>< L'exprecsiod « logiciel lib  »,oeodné par Richard M. Stallman,=eatt référenc làelaelib liéuppureipus (simplag utcepsrt urslourdéve>opp urs)rd'exécucer, ll copiar, ll dcstribuer, l'écudi r, ll moeifi r et d'améliorereh elogiciel. Pcu epré"pséaedt,fell eatt référenc làequac elib liég ppureun ermividurayantoacqiig un ev -siodedurlogiciel, léf,nclg parilaelicenc lll c elogicielWikipédia.)/ /dp>M/si3>Mozpllacad>< oMozpllarede un=ensembh d elogicielselcb cemulti-plat fola g dactinésoàeIcternet, cympredantoaptamae"t un aavigateureWeb, un q ctiodna, ell coCcmpos r/dapan>)ret un cli nt IRCe(/apan=mlass="applicatiod">ChatZplla). Ilos'agtt égaladentedurapmodulpaéjeelrecpodsarh durdéve>opp ae"trdl c selogicielg./ /dp>N/si3>Navigateurcad>< Un aavigateureWebrede un=logicielecpnçulppurecpnsultereh Wyrld WidluWeb/dpa/c,a/p> . Techniaiem dc, c'ede un cli nt HTTP. Le tela aavigateureWeb (ouraavigateureIcternet)rede cspiréoll NetscapeoNlvigltor/dapan>. D'auerec tela grsodt ourode éiéuutcepsés. Lelpaemi rutela utcepsé=éca,cebrows r/s=/dpa/c,a/p> , cyma edoangla, . Par haesuice odea vurcapan=mlass="is"hasis >furlceur/s=/dpa/c,a/p> (slriputuutcepsé=aulQuébec), butcneur/s=/dpa/c,a/p> , ba cteur/s=/dpa/c,a/p> , arpe"teur/s=/dpa/c,a/p> , fpucneur/s=c,apan>lourcapan=mlass="is"hasis >exp orrt ur/s=//em>c,apan>l( cspiréoll Icternet Exp orer). (Déficitiodoprov dantodelWikipédia.)/ /dp>O/si3>Onglet/dit>cad>< La aavigatiodopariongletc eatt référenc làeun eapuve>ea fodctiodda>pté apparierslr llgraavigateurs (brows rs/dem>c,apan>)u cternet. Cettaofodctiodda>pté pelaetoll palli r h désaqréaedt liéoàel'puv liurlull ta prapmb usesefenêc g, odoalouv li 20 fenêc grslcc ssiv s,rhaeaavigatiodoparmillegrapplicatiodgrs'en ta uv alorg b au"pupecpmpliaiée. La aavigatiodopariongletc n'ede pa rencorelsuppyliée pariIcternet Exp orer,rh aavigateureweboll Microsoftc,apan>, aa, odepect h ta c(l-oda"griputeehaesuice Mozplla (MSéWirmows/dapan>, Mac OS/dapan>, linux, *BSD/dapan>letc.) a,nsilaierda"grSafari/dapan>lslr Macintosh/dapan>. (Déficitiodoprov dantodelWikipédia.)/ /dp>PPDF/dacro"ym>c,it>cad>< « PDF »,oqiioscgnifiaé« Pyliarh Docuae"trFylalt »r(traduicelcttérrh ae"trpari« lfylalt pyliarh derdocuae"ts »), ede un fylalt ll fichi ru cfylaltiaie crééoparilaesociécéoAdobe System . Iloede àeaptereaie c'ede un fylalt ouv li :u lgr pécificltiodsi ode publiaiesoet utcepsarh selcb ae"tr(c rta,nceéléaedtgrsodt à dcspcsitiod slr h site=Adobe). Iloede dérivéolu fylalt PostS; ipt/dapan>. (Déficitiodoprov dantodelWikipédia.)/ /dp>Popup/dit>cad>< L sepop-upce« classiaies »rs'cea fenêc eduraavigateur. Cepe"da"t,rd va"t laemultiplicatiodrd selogicielgeantiepop-upc, ll apuve>eac techniaiegrsodt utcepsé sepolr cpnipurner h sepaétactiods,raptamae"t d sepop-up edoflash/dapan>lou edoDHTML/dacro"ym>oaulse,n mêaeoll laepaq iweb. (Déficitiodoprov dantodelWikipédia.)/ /dp>Paétocoh /dit>cad>< fr"gu /sem>c,apan>oede edoprcr"pu tecaladentuirmépe"da"teollseordinrt ursichois, . C'ede ca=qiiopelaetoll eat ecpmauniaier llseordinrt ursiipurna"t slr llsesystèmCsediffére"tse(linux, MSéWirmows/dapan>, etc.)./ /dp>S/di3>Stallman,=Richard M./dit>cad>< Richard Matthew Stallman (néoàeManhattan,rh 16ea>rsr1953), aussilcpndulspuceh seicitirh s RMS, ede h foddrt ureeu mouv ae"trpolr h s logicielselcb . Iloede célèb epolr avoiruicitié h paéjeelGNUeet avoirurédigé (avec EbedoMoglen)rlaepaemiè licenc lpelaettantodelrégleae"ter haedcstributiodod'un logicielravec od codl spurc , aoeifiarh (un logicielrlcb ) /olaelicenc lpubliaiergénérale GNUe(GNUeGPL). Iloaeicv dcé h cpncept dl Copyleft (« gau"h d'acteur »). Ilufuc "h rch lr cfylaltici noaulMassa"husettseIcstitutaéof Technology,rpiig s=o(FSF)r no1983. «eFrel »rede à compaerdrluda"grh sens dl « lcb  »retrnod dl « gaatuic ». Iloa égaladenteé; itll'édiceur eeuia/alfGNUeEmr"s/dapan>,rh compifrt lr CoGCCc,apan>, etrh débogu lr Gdb/dapan>. (Déficitiodoprov dantodelWikipédia.)/ /dp>T/di3>ThèmC/dit>cad>< L s thèmCgrsodt llsehabillaq cepolt /apan=mlass="applicatiod">F,r Foxe t Thund rbird (a csilaieed'actrec logiciel ). Ilcepelaette"t dl chang r h'appare"ce durlogicieleet da=h pelsodna cser à=(oc goûc . Un thèmC pelt sa=cpnie"ter dl chang r hec "puleurs, aa, ,lopelt aussilchang r iputu od appare"ce./ /dp>U/di3>URL/dacro"ym>/dit>cad>< Unifyla Respurc Locator/sem>c,apan>. C'ede ca=qi'odoappell cpmaunéaedt l'ad ss l'un docuae"t (paroexis"ea /ccdeéclass="ccmpuc a ctpuc">http://gaappa.univ-lill 3.fa/~godzrh z//s). Ma, ecalaena=sa=limptC paseaux paq s web. Una=URL/dacro"ym> comae"ce parila=sarviceoqiioede d aandée(http:///s, aa,lto:/s, ftp:///s, etc.)./ /dp>W/di3>wiki/dit>cad>< Un wiki ede un site=Web dyaamiaie pelaettantoàecputuvis,t lr dl aoeifier h s paq s à=(olodcé. Ilopelaetrnod aul ae"trdl cpmauniaier et diffuser llse cfylaltiods aapidlme"t (c eaie eatsapt déjà Usenet), aa,s dl cc ucturlr cettao cfylaltiodepolr pelaettreld'yraavigier cpmapdéme"t. Iloréa csereodc un esylchèsa=llsefylum Usenet, llceFAQ/dacro"ym>oda"grhs Wyrld WidluWeb noun es ul applicatiode ctégrée (et hyperia/al). (Déficitiodoprov dantodelWikipédia.)/ /dp>Wikipédiacad>< Wikipédia ede un edcyc>opédia=lib , gratuice, univ rsell et multilingu ,ré; ita=bénévol me"t parillce(olodca, ceet bacé esureun site=Web (/s=http://fr.wikipadia.ergr nopolr ha v rsiodofaanccphon )rutcepsa"t laetechnologpeewiki.éWikipédia ede firarcé eet gérée parilaeFoddatiodoWikimadia. Cernom=sa=aappylie aussilaulpaéjeelvisa"t àecodsc u, el'encyc>opédia. (Déficitiodoprov dantodelWikipédia.)/ /dp>Irmex/di2>/sass>/sass>/sass>/ass=mlass="irmex">A/di3>a, Leceprcr"purh s ba csesill st ucturl/sit>cat>absoluta, Positiodnlme"t absoluillceéléaedtg, Pouraioi ?/sit>cat>Activ X, Glocsa,r /da>/sit>cat>actua cser, Dernp rs taucs/sit>cat>ad ss /sit>cad>doaa,ncsée, Ad sses doaa,ncsées, L sead ss URL/da>, Glocsa,r /da>/sit>cat>IP, Glocsa,r /da>/sit>c/dl/cdid>anonyapuceftp, L sead ss URL/da>/sit>cat>Arpanet,rHcstoriaiergénéralillcerés aux, Lecedrt sea>rqua"tes/sit>cat>arpe"teur,rGlocsa,r /da>/sit>cit>attribut,rLeceprcr"purh s ba csesill st ucturl/sit>cat>a torisatiod,rL sead ss URL/da>/sit>cat>auerec types dl cst s,rMis eenrfyla ill cst s/sit>c/dl/cdiv class=mlass="irmexass">B/di3>backga cnd-attach me"t,rCpuleurseet arriè -planc/sit>cat>backga cnd-color, Cpuleurseet arriè -planc/sit>cat>backga cnd-pmaq , Cpuleurseet arriè -planc/sit>cat>backga cnd-pcsitiod, Cpuleurseet arriè -planc/sit>cat>backga cnd-repeat,rCpuleurseet arriè -planc/sit>cat>ba csa, HTML, à aioi ça ressembh  ?/sit>cad>a, Leceprcr"purh s ba csesill st ucturl/sit>cat>body, Sc ucturlrd'unrdocuae"t xHTML/da>/sit>cat>ass, DIVeet SPAN/sit>cat>h1, Leceprcr"purh s ba csesill st ucturl/sit>cat>h2, Leceprcr"purh s ba csesill st ucturl/sit>cat>h3, Leceprcr"purh s ba csesill st ucturl/sit>cat>h4, Leceprcr"purh s ba csesill st ucturl/sit>cat>h5, Leceprcr"purh s ba csesill st ucturl/sit>cat>h6, Leceprcr"purh s ba csesill st ucturl/sit>cat>head, Applicatiodrd'unrscyle à ud codl (x)HTML/da>/sit>cat>hr, Leceprcr"purh s ba csesill st ucturl/sit>cat>html, Sc ucturlrd'unrdocuae"t xHTML/da>/sit>cat>li, Leceprcr"purh s ba csesill st ucturl/sit>cat>link, A sociatiodravec ud média particulier/sit>cat>ol, Leceprcr"purh s ba csesill st ucturl/sit>cat>p, Leceprcr"purh s ba csesill st ucturl/sit>cat>apan, DIVeet SPAN/sit>cat>iarh , Sylcaxeill bac /sit>cat>td, Sylcaxeill bac /sit>cat>th, Unaecallule particuliè /sit>cat>title, Applicatiodrd'unrscyle à ud codl (x)HTML/da>/sit>cat>tr, Sylcaxeill bac /sit>cat>ul, Leceprcr"purh s ba csesill st ucturl/sit>c/dl/cdid>bac line, Agenc me"t durtaxal/sit>cat>blink, Mis eenrfyla ilurtaxal/sit>cat>block, Agenc me"t durtaxal, Affichaq /sit>cat>body, Sc ucturlrd'unrdocuae"t xHTML/da>/sit>cat>boîte, Notiodill boîte/sit>cat>boit , Pouraioi ?/sit>cat>bold, Propriéiés dl police/sit>cat>bord l'un iarh au, Sylcaxeill bac /sit>cat>rerd r, Cad s/sit>cat>both, Laepropriécé ceaar/sit>cat>bottom, Agenc me"t durtaxal, Cpuleurseet arriè -planc, Positiodnlme"t absoluillceéléaedtg, Positiodnlme"t r latif/sit>cat>ba cteur, Glocsa,r /da>/sit>cit>brows r, Glocsa,r /da>/sit>cit>bug, Pouraioi ?/sit>cat>butcneur, Glocsa,r /da>/sit>c/dl/cdiv class=mlass="irmexass">Cc,i3>C.N.A.M., Hcstoriaiergénéralillcerés aux/sit>cat>ca culer ud codl RGB, Cpmae"t ca culer ud codl RGB ?/sit>cat>capitalize, Mis eenrfyla ilurtaxal/sit>cat>Cascading Style Sheets, Généraliiés/sit>cat>callule l'un iarh au, Sylcaxeill bac /sit>cat>cenalr, Agenc me"t durtaxal, Cpuleurseet arriè -planc/sit>cat>cenaimèere, Uniiés dl mCgurl/sit>cat>ci-cea, Mis eenrfyla ill cst s/sit>cit>classa, Parecodtaxal/sit>cat>ceaar, Laepropriécé ceaar/sit>cat>cli nt HTTP, Glocsa,r /da>/sit>cit>codl spurc , Glocsa,r /da>/sit>cit>colodnael'un iarh au, Sylcaxeill bac /sit>cat>color, Cpuleurseet arriè -planc, Cad s/sit>cat>cpmpifrtiod, Glocsa,r /da>/sit>cit>codnactiodoà dcstanc , L sead ss URL/da>/sit>cat>"puleur, Cad s/sit>cad>da"grh sefeutll cill scyle, Cpuleurseet arriè -planc/sit>cat> noHTML, RGB/sit>cat>nom, Parenahèsagrsurel secouleurs/sit>cat>apmod'un e-, Cpmae"t ça s'utcepse ?/sit>cat>priaa,re, RGB/sit>c/dl/cdid>CSS, Généraliiés/sit>cat>CSS Z noGarded, Cpmae c'ede b auel sefeutll cill scyle/sit>cat>cursiv , Propriéiés dl police/sit>c/dl/cdiv class=mlass="irmexass">D/di3>dashed, Cad s/sit>cat>decimal, Mis eenrfyla ill cst s/sit>cit>desc rda"t diract, Parecodtaxal/sit>cat>dcsc, Mis eenrfyla ill cst s/sit>cit>display, Agenc me"t durtaxal, Affichaq /sit>cat>ass, DIVeet SPAN/sit>cat>DNS, Adressesrdoaa,ncsées, Glocsa,r /da>/sit>cit>DocBook, Cpmae"t c edocuae"t a-t-,loécé codsc u,c ?/sit>cat>docuae"t/sit>cad>hyperia/al, L sead ss URL/da>/sit>c/dl/cdid>doaa,n aame=sarvlr, Adressesrdoaa,ncsées/sit>cat>Doaa,noNlae S rv r, Glocsa,r /da>/sit>cit>doaa,necad>public, Hcstoriaiergénéralillcerés aux/sit>c/dl/cdid>dottad, Cad s/sit>cat>dourh , Cad s/sit>c/dl/cdiv class=mlass="irmexass">E/di3>édiceur eeuia/al, Glocsa,r /da>/sit>cit>em (uniiéill mCgurl), Uniiés dl mCgurl/sit>cat> aacs, Glocsa,r /da>/sit>cit>ex (uniiéill mCgurl), Uniiés dl mCgurl/sit>cat> xécucabll, Glocsa,r /da>/sit>cit>explorrt lr, Glocsa,r /da>/sit>cit>exalnsiod, Glocsa,r /da>/sit>c/dl/cdiv class=mlass="irmexass">F/di3>eatll c, Glocsa,r /da>/sit>cit>fa"tasy, Propriéiés dl police/sit>cit>feutll ill scyle, Qiell c ba csagrva-t-odoutcepser ?, Motivatiod/sit>cat>fichi rutaxal, Glocsa,r /da>/sit>cit>F,r Fox, Glocsa,r /da>/sit>cit>fixed, Cpuleurseet arriè -planc, Positiodnlme"t absoluillceéléaedtg, Pouraioi ?/sit>cat>float,rPositiodnlme"t flottanc/sit>cat>FoddatiodoMozplla, Glocsa,r /da>/sit>cit>FoddatiodoWikimadia, Glocsa,r /da>/sit>cit>fodt-famply, Propriéiés dl police/sit>cit>fodt-size, Propriéiés dl police/sit>cit>fodt-style, Propriéiés dl police/sit>cit>fodt-varianc, Propriéiés dl police/sit>cit>fodt-weighc, Propriéiés dl police/sit>cit>foucneur, Glocsa,r /da>/sit>cit>Frel spftwarelF cndltiod, Glocsa,r /da>/sit>cit>ftpcad>anonyapuc, L sead ss URL/da>/sit>c/dl/cdid>furlceur, Glocsa,r /da>/sit>c/dl/cdiv class=mlass="irmexass">G/di3>ga ov , Cad s/sit>cit>ga cpacad>ll dcscucsiod, L sead ss URL/da>/sit>c/dl/cdid>H/di3>h1, Leceprcr"purh s ba csesill st ucturl/sit>cat>h2, Leceprcr"purh s ba csesill st ucturl/sit>cat>h3, Leceprcr"purh s ba csesill st ucturl/sit>cat>h4, Leceprcr"purh s ba csesill st ucturl/sit>cat>h5, Leceprcr"purh s ba csesill st ucturl/sit>cat>h6, Leceprcr"purh s ba csesill st ucturl/sit>cat>head, Applicatiodrd'unrscyle à ud codl (x)HTML/da>/sit>cat>heighc, Positiodnlme"t absoluillceéléaedtg/sit>cat>héxadé"imal, Parenahèsagrsurel secouleurs, Cpmae"t ca culer ud codl RGB ?/sit>cat>hidded, Positiodnlme"t absoluillceéléaedtg/sit>cat>Horizodtal Rule, Leceprcr"purh s ba csesill st ucturl/sit>cat>hr, Leceprcr"purh s ba csesill st ucturl/sit>cat>haef, Leceprcr"purh s ba csesill st ucturl/sit>cat>HTML, Cpmae"t c edocuae"t a-t-,loécé codsc u,c ?, Où ta c(l-oc edocuae"t ?/sit>cat>html, Sc ucturlrd'unrdocuae"t xHTML/da>/sit>cat>hyperia/al, L sead ss URL/da>/sit>c/dl/cdiss>/asslclass="irmexass">I/di3>pmaq , Leceprcr"purh s ba csesill st ucturl/sit>cat>pmaq ill fodd, Cpuleurseet arriè -planc/sit>cat>cr"h, Uniiés dl mCgurl/sit>cat>inline, Agenc me"t durtaxal, Affichaq /sit>cat> cset,rCad s/sit>cit> cside, Mis eenrfyla ill cst s/sit>cit> cternet,rLecedrt sea>rqua"tes/sit>cat>Icternet Exp orer, Pouraioi ?, Glocsa,r /da>/sit>cit>italic, Propriéiés dl police/sit>c/dl/cdiv class=mlass="irmexass">J/di3>justify, Agenc me"t durtaxal/sit>c/dl/cdiv class=mlass="irmexass">L/si3>labyrcraha, Dernpè s asa>rquls/sit>cat>left, Agenc me"t durtaxal, Cpuleurseet arriè -planc, Positiodnlme"t absoluillceéléaedtg, Positiodnlme"t r latif, Positiodnlme"t absolu, Positiodnlme"t flottanc, Laepropriécé ceaar/sit>cat>letter-apacing, Mis eenrfyla ilurtaxal/sit>cat>li, Leceprcr"purh s ba csesill st ucturl/sit>cat>licenc lGNUeFDL, Rés aux, xHTMLeet CSS/sit>cat>li nohyperia/al, Leceprcr"purh s ba csesill st ucturl/sit>cat>lignael'un iarh au, Sylcaxeill bac /sit>cat>line-heighc, Agenc me"t durtaxal/sit>cat>line-tha ugh, Mis eenrfyla ilurtaxal/sit>cat>link, A sociatiodravec ud média particulier/sit>cat>linux, Pouraioiecaedocuae"t ? /sit>cat>lide it m, Leceprcr"purh s ba csesill st ucturl/sit>cat>list-,t m, Agenc me"t durtaxal/sit>cat>list-scyle-pmaq , Mis eenrfyla ill cst s/sit>cit> cst-scyle-pcsitiod, Mis eenrfyla ill cst s/sit>cit> cst-scyle-type, Mis eenrfyla ill cst s/sit>cit> cste, Leceprcr"purh s ba csesill st ucturl/sit>cat>logiciel lib , Glocsa,r /da>/sit>cit>lower-alpha, Mis eenrfyla ill cst s/sit>cit> ower-roaad, Mis eenrfyla ill cst s/sit>cit> owercac , Mis eenrfyla ilurtaxal/sit>c/dl/cdiv class=mlass="irmexass">M/si3>aa,l, L sead ss URL/da>/sit>cit>aa,lto, L sead ss URL/da>/sit>cit>aarg,n,lRetraits axaéri urseet cntéri urs, Pouraioi ?/sit>cat>Massa"husettseIcstitutaéof Technology,lGlocsa,r /da>/sit>cit>madium, Cad s/sit>cit>middle, Agenc me"t durtaxal/sit>cat>mtllimèere, Uniiés dl mCgurl/sit>cat>MILNET,lLecedrt sea>rqua"tes/sit>cat>monoapac , Propriéiés dl police/sit>cit>Mozplla, Glocsa,r /da>/sit>c/dl/cdiv class=mlass="irmexass">Naavigateur,lHcstoriaiergénéralillcerés aux,lGlocsa,r /da>/sit>cit>aavigatiodopariongletc,lGlocsa,r /da>/sit>cit>Netscape,lGlocsa,r /da>/sit>cit>newc, Lecedrt sea>rqua"tes/sit>cat>no-repeat,rCpuleurseet arriè -planc/sit>cat>apms dlsecouleurs,lParenahèsagrsurel secouleurs/sit>cat>nylall, Propriéiés dl police/sit>cit>nuanci r, Ecepcu esimple ?,lLe nuanci r hexadé"imal/sit>c/dl/cdiv class=mlass="irmexass">O/si3>obliaie,lPropriéiés dl police/sit>cit>octet,rGlocsa,r /da>/sit>cit>ol, Leceprcr"purh s ba csesill st ucturl/sit>cat>onglet,lGlocsa,r /da>/sit>cit>Ope" Web,lOpe" Web/sit>cit>ope"jade,lCpmae"t c edocuae"t a-t-,loécé codsc u,c ?/sit>cat>putset,rCad s/sit>cit>putside, Mis eenrfyla ill cst s/sit>cit>ov rline, Mis eenrfyla ilurtaxal/sit>c/dl/cdiv class=mlass="irmexass">Ppadding,lRetraits axaéri urseet cntéri urs, Pouraioi ?/sit>cat>paq /sit>cad>d'accue,l, L sead ss URL/da>/sit>c/dl/cdid>parenahésaqe,lHTML, à aioi ça ressembh  ?/sit>cat>PDF,lCpmae"t c edocuae"t a-t-,loécé codsc u,c ?,lOù ta c(l-oc edocuae"t ?,lGlocsa,r /da>/sit>cit>pica,lUniiés dl mCgurl/sit>cat>pixel, Uniiés dl mCgurl/sit>cat>plug,n,lGlocsa,r /da>/sit>cit>pocnt,lUniiés dl mCgurl/sit>cat>popup,lGlocsa,r /da>/sit>cit>positiod,lPositiodnlme"t absoluillceéléaedtg/sit>cat>pcsitiodnlme"t,lPouraioi ?/sit>cad>absolu,lPositiodnlme"t absolu/sit>cit>fixe,lPositiodnlme"t fixe/sit>cit>flottanc,lPositiodnlme"t flottanc/sit>cat>r latif,lPositiodnlme"t r latif/sit>c/dl/cdid>pouc , Uniiés dl mCgurl/sit>cat>prés dtatiod,lQiell c ba csagrva-t-odoutcepser ?/sit>cat>programmatiod,lGlocsa,r /da>/sit>cit>propriéiés dl police,lPropriéiés dl police/sit>cat>paétocoh ,lQi'ede-ceuai'un rés au,lGlocsa,r /da>/sit>cid>IP, Lecedrt sea>rqua"tes/sit>c/dl/cdid>provider, Lecedrt sea>rqua"tes/sit>cat>p audo-classa, Parep audo-classas/sit>cit>puc , Mis eenrfyla ill cst s/sit>c/dl/cdiv class=mlass="irmexass">Rrafaaichir, Dernp rs taucs/sit>cat>racpmaaddrtiods du W3C,lRecpmaaddrtiods du W3C/sit>cit>aef sh, Dernp rs taucs/sit>cat>rafrtiv , Positiodnlme"t absoluillceéléaedtg,lPouraioi ?/sit>cat>r load, Dernp rs taucs/sit>cat>rapeat,rCpuleurseet arriè -planc/sit>cat>repeat-x, Cpuleurseet arriè -planc/sit>cat>repeat-y, Cpuleurseet arriè -planc/sit>cat>rés au,lQi'ede-ceuai'un rés au/sit>cat>retrait/sit>cad>axaéri ur,lRetraits axaéri urseet cntéri urs/sit>cat>cntéri ur,lRetraits axaéri urseet cntéri urs/sit>c/dl/cdid>RGB,lRGB/sit>cdd>ca culer ud codl,lCpmae"t ca culer ud codl RGB ?/sit>c/dl/cdid>ridqe,lCad s/sit>cit>righc, Agenc me"t durtaxal,lCpuleurseet arriè -planc,lPositiodnlme"t absoluillceéléaedtg, Positiodnlme"t r latif, Positiodnlme"t flottanc,lLaepropriécé ceaar/sit>c/dl/cdiv class=mlass="irmexass">Ssa"s-sarif, Propriéiés dl police/sit>cit>scroll, Cpuleurseet arriè -planc/sit>cat>sécuriié,lGlocsa,r /da>/sit>cit>séparrtiodill la st ucturleet ll la prés dtatiod,lQiell c ba csagrva-t-odoutcepser ?/sit>cat>sarif, Propriéiés dl police/sit>cit>sarvice,lGlocsa,r /da>/sit>cit>salll-capc, Propriéiés dl police/sit>cit>solid, Cad s/sit>cit>sous-doaa,nec, Adressesrdoaa,ncsées/sit>cat>apan, DIVeet SPAN/sit>cat>spé"ificrtiodiCSS, Généraliiés/sit>cat>spyware,lGlocsa,r /da>/sit>cit>square,lMis eenrfyla ill cst s/sit>cat>Stallman, Richard M., Glocsa,r /da>/sit>cit>static,lPositiodnlme"t absoluillceéléaedtg/sit>cat>scyle, Applicatiodrd'unrscyle à ud codl (x)HTML/da>/sit>cat>sub,lAgenc me"t durtaxal/sit>cat>supel,lAgenc me"t durtaxal/sit>cat>surf, Glocsa,r /da>/sit>cit>systèmC RGB,lRGB/sit>c/dl/cdiv class=mlass="irmexass">Tiarh , Sylcaxeill bac /sit>cat>tarh au,lLeceprcr"purh s ba csesill st ucturl,lSylcaxeill bac /sit>cat>TCP/IP, Hcstoriaiergénéralillcerés aux/sit>cat>td, Sylcaxeill bac /sit>cat>télécharger caedocuae"t,lOù ta c(l-oc edocuae"t ?/sit>cat>telnet,rL sead ss URL/da>/sit>cat>taxa-align,lAgenc me"t durtaxal/sit>cat>taxa-bottom, Agenc me"t durtaxal/sit>cat>taxa-decorrtiod,lMis eenrfyla ilurtaxal/sit>cat>taxa-irment,lAgenc me"t durtaxal/sit>cat>taxa-top,lAgenc me"t durtaxal/sit>cat>taxa-taansfylm, Mis eenrfyla ilurtaxal/sit>cat>th, Unaecallule particuliè /sit>cat>thèmC,lGlocsa,r /da>/sit>cit>thick, Cad s/sit>cit>thin,lCad s/sit>cit>title, Applicatiodrd'unrscyle à ud codl (x)HTML/da>/sit>cat>toile d'aaaignéC,lHcstoriaiergénéralillcerés aux/sit>cat>top,lAgenc me"t durtaxal,lCpuleurseet arriè -planc,lPositiodnlme"t absoluillceéléaedtg,lPositiodnlme"t r latif,lPositiodnlme"t absolu/sit>cit>topel velrdoaa,n,lAdressesrdoaa,ncsées/sit>cat>tr, Sylcaxeill bac /sit>cat>trait horizodtal,lLeceprcr"purh s ba csesill st ucturl/sit>cat>t toriel, T toriels/sit>c/dl/cdiv class=mlass="irmexass">Uul, Leceprcr"purh s ba csesill st ucturl/sit>cat>cnd rline, Mis eenrfyla ilurtaxal/sit>cat>cniiés dl mCgurl,lUniiés dl mCgurl/sit>cat>uppel-alpha, Mis eenrfyla ill cst s/sit>cit>uppel-roaad, Mis eenrfyla ill cst s/sit>cit>uppelcac , Mis eenrfyla ilurtaxal/sit>cat>crl, Mis eenrfyla ill cst s,lCpuleurseet arriè -planc/sit>cat>URL,lL sead ss URL/da>,lGlocsa,r /da>/sit>cit>USENET,lLecedrt sea>rqua"tes/sit>cat>utcepta, c CSS,lFylaula, c/sit>c/dl/cdiv class=mlass="irmexass">Vv rsiod,lCpmae"t c edocuae"t a-t-,loécé codsc u,c ?/sit>cat>v rtical-align,lAgenc me"t durtaxal/sit>cat>visibi cty, Positiodnlme"t absoluillceéléaedtg/sit>cat>visua csar ude pageoHTML, Cpmae"t visua csar ude pageoHTML ?/sit>c/dl/cdiv class=mlass="irmexass">WW3C,lQiell c ba csagrva-t-odoutcepser ?/sit>cad>racpmaaddrtiods,lRecpmaaddrtiods du W3C/sit>c/dl/cdid>web,lHcstoriaiergénéralillcerés aux,lLecedrt sea>rqua"tes/sit>cat>width, Positiodnlme"t absoluillceéléaedtg/sit>cat>wiki,lGlocsa,r /da>/sit>cit>Wikipédia,lGlocsa,r /da>/sit>cit>werd-apacing, Mis eenrfyla ilurtaxal/sit>cat>WWW,lLecedrt sea>rqua"tes/sit>c/dl/cdiv class=mlass="irmexass">XXML,lCpmae"t c edocuae"t a-t-,loécé codsc u,c ?/sit>cat>xsltpaéc,lCpmae"t c edocuae"t a-t-,loécé codsc u,c ?/sit>c/dl/cdiv class=mlass="irmexass">Zz-irmex,lPositiodnlme"t absoluillceéléaedtg/sit>c/dl/cdiv cl/ass>/siss>/siss>/sbody>/shtml>
    ca/p>="comput>Fylaultt scda><,span/cdat>cat>ca/p>="comput>R cnomandltiodsrrulW3Ccda><,span/cdat>cat>ca/p>="comput>Optn Webcda><,span/cdat>cat>ca/p>="comput>R sspur"agcda><,span/cdat>cat>ca/p>="comput>T torielgcda><,span/cdat>cat>ca/p>="comput>

    <,,,,,,,,,,,,On peCou<" ageli="Chapiaas 11. La q Couos éi(x)HTML at CSS=/Chapiaas 11, /i>La q Couos éi(x)HTML at CSS="computis"hasis >Cc<>Cougrn (x)HTML ,,,, ,,,,,c,p>