---
title: Tutoriel XUL
slug: Archive/Mozilla/XUL/Tutoriel_XUL
tags:
  - Tutoriel_XUL
  - Tutoriels
  - XUL
translation_of: Archive/Mozilla/XUL/Tutorial
---
<p> </p>

<p>Ce tutoriel décrit le langage <a href="/fr/docs/Mozilla/Tech/XUL/XUL">XUL</a> (<a href="/fr/docs/Mozilla/Tech/XUL/XML">XML</a> User-interface Language). Ce langage a été créé pour l'application Mozilla afin de décrire son interface utilisateur.</p>

<h5 id="Introduction" name="Introduction">Introduction</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Introduction">Introduction</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/La_structure_XUL">La structure XUL</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/L'URL_Chrome">L'URL Chrome</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_fichiers_manifest">Les fichiers manifest</a></li>
</ul>

<h5 id="Éléments_simples">Éléments simples</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9er_une_fen%c3%aatre">Créer une fenêtre</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_des_boutons">Ajouter des boutons</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_des_libell%c3%a9s_et_des_images">Ajouter des libellés et des images</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_champs_de_saisie">Les champs de saisie</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_contr%c3%b4les_num%c3%a9riques">Les contrôles numériques</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_contr%c3%b4les_de_listes">Les contrôles de listes</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Indicateurs_de_progression">Indicateurs de progression</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_d'%c3%a9l%c3%a9ments_HTML">Ajout d'éléments HTML</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Utilisation_des_spacers">Utilisation des spacers</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Plus_de_caract%c3%a9ristiques_sur_les_boutons">Plus de caractéristiques sur les boutons</a></li>
</ul>

<h5 id="Le_modèle_de_boîte">Le modèle de boîte</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Le_mod%c3%a8le_de_bo%c3%aete">Le modèle de boîte</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Positionnement_des_%c3%a9l%c3%a9ments">Positionnement des éléments</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/D%c3%a9tails_sur_le_mod%c3%a8le_de_bo%c3%aete">Détails sur le modèle de boîte</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_bo%c3%aetes_de_groupe">Les boîtes de groupe</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_plus_d'%c3%a9l%c3%a9ments">Ajouter plus d'éléments</a></li>
</ul>

<h5 id="Éléments_communs">Éléments communs</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Piles_et_Paquets">Piles et Paquets</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Positionnement_dans_une_pile">Positionnement dans une pile</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Onglets">Onglets</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Grilles">Grilles</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cadres_de_contenu">Cadres de contenu</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/S%c3%a9parateurs">Séparateurs</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Barres_de_d%c3%a9filement">Barres de défilement</a></li>
</ul>

<h5 id="Menus_et_barres_d'outils">Menus et barres d'outils</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Barre_d'outils">Barre d'outils</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Barres_de_menus_simples">Barres de menus simples</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Plus_de_fonctionnalit%c3%a9s_de_menu">Plus de fonctionnalités de menu</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Menus_surgissants">Menus surgissants</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Menus_d%c3%a9filants">Menus défilants</a></li>
</ul>

<h5 id="Évènements_et_scripts">Évènements et scripts</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_gestionnaires_d'%c3%a9v%c3%a8nements">Ajout de gestionnaires d'évènements</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Plus_sur_les_gestionnaires_d'%c3%a9v%c3%a8nements">Plus sur les gestionnaires d'évènements</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Raccourcis_clavier">Raccourcis clavier</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Focus_et_Selection">Focus et Selection</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Commandes">Commandes</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Mise_%c3%a0_jour_de_commandes">Mise à jour de commandes</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Broadcasters_et_Observateurs">Broadcasters et Observateurs</a></li>
</ul>

<h5 id="Modèle_Objet_de_Document_(DOM)">Modèle Objet de Document (DOM)</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Document_Object_Model">Document Object Model</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Modification_d'une_interface_XUL">Modification d'une interface XUL</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Manipulation_de_listes">Manipulation de listes</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_objets_bo%c3%aetes">Les objets boîtes</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Interfaces_XPCOM">Interfaces XPCOM</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemples_XPCOM">Exemples XPCOM</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Utilisation_du_presse_papiers">Utilisation du presse papiers</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Glisser-D%c3%a9poser">Glisser-Déposer</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Conteneur_JavaScript_pour_le_glisser-d%c3%a9poser">Conteneur JavaScript pour le glisser-déposer</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemple_de_glisser-d%c3%a9poser">Exemple de glisser-déposer</a></li>
</ul>

<h5 id="Arbres" name="Arbres">Arbres</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Arbres">Arbres</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Autres_caract%c3%a9ristiques_des_arbres">Autres caractéristiques des arbres</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/S%c3%a9lection_dans_les_arbres">Sélection dans les arbres</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Vues_d'arbre_personnalis%c3%a9es">Vues d'arbre personnalisées</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/D%c3%a9tails_sur_les_vues_d'arbres">Détails sur les vues d'arbres</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_objets_bo%c3%aetes_des_arbres">Les objets boîtes des arbres</a></li>
</ul>

<h5 id="RDF_et_templates">RDF et templates</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Introduction_%c3%a0_RDF">Introduction à RDF</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Gabarits">Gabarits</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemples_de_syntaxe_de_gabarits">Exemples de syntaxe de gabarits</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Arbres_et_Gabarits">Arbres et Gabarits</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Sources_de_donn%c3%a9es_RDF">Sources de données RDF</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/R%c3%a8gles_avan%c3%a7%c3%a9es">Règles avançées</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Donn%c3%a9es_persistantes">Données persistantes</a></li>
</ul>

<h5 id="Thèmes_et_localisation">Thèmes et localisation</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajouter_des_feuilles_de_style">Ajouter des feuilles de style</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Styler_un_arbre">Styler un arbre</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Modification_du_th%c3%a8me_par_d%c3%a9faut">Modification du thème par défaut</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9er_un_th%c3%a8me">Créer un thème</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Localisation">Localisation</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_fichiers_de_propri%c3%a9t%c3%a9s">Les fichiers de propriétés</a></li>
</ul>

<h5 id="Liaisons_XBL" name="Liaisons_XBL">Liaisons XBL</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Introduction_%c3%a0_XBL">Introduction à XBL</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Contenu_anonyme">Contenu anonyme</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/H%c3%a9ritage_d'attributs_XBL">Héritage d'attributs XBL</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_propri%c3%a9t%c3%a9s">Ajout de propriétés</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_m%c3%a9thodes">Ajout de méthodes</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Ajout_de_gestionnaire_d'%c3%a9v%c3%a8nements">Ajout de gestionnaire d'évènements</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/H%c3%a9ritage_XBL">Héritage XBL</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Exemple_XBL">Exemple XBL</a></li>
</ul>

<h5 id="Fenêtres_spécialisées">Fenêtres spécialisées</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Caract%c3%a9ristiques_d'une_fen%c3%aatre">Caractéristiques d'une fenêtre</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9er_des_bo%c3%aetes_de_dialogue">Créer des boîtes de dialogue</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Bo%c3%aete_de_dialogue_de_fichier">Boîte de dialogue de fichier</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9ation_d'un_assistant">Création d'un assistant</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Assistant_avan%c3%a7%c3%a9">Assistant avançé</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Overlays">Overlays</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Overlays_inter-paquetage">Overlays inter-paquetage</a></li>
</ul>

<h5 id="Installation" name="Installation">Installation</h5>

<ul>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Cr%c3%a9ation_d'un_programme_d'installation">Création d'un programme d'installation</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Les_scripts_d'installation">Les scripts d'installation</a></li>
 <li><a href="/fr/docs/Mozilla/Tech/XUL/Tutoriel_XUL/Fonctions_additionnelles_d'installation">Fonctions additionnelles d'installation</a></li>
</ul>

<div class="note">
<p>Ce tutoriel XUL a été initialement créé par <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a>. Il a généreusement accepté de l'inclure dans <a>MDC</a>.</p>
</div>

<div class="originaldocinfo">
<h5 id="Information_du_document_original" name="Information_du_document_original">Information du document original</h5>

<ul>
 <li>Auteur : <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a></li>
 <li>Copyright : © 1999-2005 XULPlanet.com</li>
</ul>
</div>

<p><span class="comment">Interwiki Language Links</span></p>

<p> </p>