Cours de HTML - Table des matières

version 5.02, dernière mise à jour le 4 juillet 2011.

  

Introduction

Vous trouverez la table des matières après la liste des têtes de chapitres vous permettant un accès plus rapide.

Retour au menu

Contenu de ces pages

Pour débuter

Quelques propos d'introduction et de présentation générale

Introduction

Ce chapitre présente un bref historique et les concepts de base de HTML.

Éléments HTML

Ce chapitre résume les conditions d'utilisation des éléments HTML

Ajouter du contenu aux pages Web : les éléments d'une page

Une page Web peut être considérablement enrichie par l'emploi d'un certain nombre d'éléments. Ces chapitres les présentent.

Mise en forme de texte

Ce chapitre présente le formatage du texte en HTML.

Les liens hypertexte

Une page Web sans lien est une impasse. Ce chapitre entre dans les détails des possibilités offertes par ce concept.

Les listes

Ce chapitre présente la gestion des listes en HTML.

Les tableaux dans une page Web

Ce chapitre présente les balises nécessaires pour correctement définir et utiliser un tableau en HTML.

Les images dans une page Web

Les images sont une apparition relativement récente dans la recommandation HTML. Elles sont maintenant indispensables, mais leur usage dans une page doit répondre à certaines exigences, que ce chapitre expose.

Les cadres (frames)

Même s'ils ont tendance à disparaître, les cadres (ou frames) restent encore présents sur nombre de pages Web.

Contrôle du son et de la vidéo

Comment insérer du contenu multimédia dans une page Web ?

Les formulaires

Ce chapitre présente l'utilisation des formulaires en HTML.

Mettre en forme : le langage CSS

Une page HTML peut être mise en forme à l'aide du langage CSS. Ces pages offrent un aperçu de ses possibilités.

Feuilles de style, introduction

Le langage CSS permet de mettre en forme un document HTML. Voici ses principes de base.

Les règles du CSS1

Ce chapitre présente les concepts généraux des feuilles de style CSS, et en particulier les recommandations CSS1.

Règles supplémentaires du CSS2

Ce chapitre présente les concepts généraux des feuilles de style niveau 2 (CSS2).

Quelques pages-types et conseils généraux

Pour terminer, voici quelques modèles de pages...

Modèles de documents et de codes

Ce chapitre propose des modèles de documents et de code HTML.

Retour au menu

Table des matières détaillée

A. Pour débuter

  1. Introduction
    1. Généralités
      1. But et limitations de ce cours
      2. Historique
      3. Outils de production de pages Web
      4. Un langage structuré
      5. Accessibilité

      Retour au thème

    2. Structure et principes de base
      1. Les briques : balises et attributs, commentaires
      2. Les parties d'un document HTML
      3. L'entête
      4. Le corps
      5. Le prologue

      Retour au thème

  2. Éléments HTML
    1. Introduction
      1. Sémantique des éléments HTML
      2. Éléments de type bloc, éléments de type en ligne

      Retour au thème

    2. Éléments usuels
      1. Groupements d'éléments
      2. Hiérarchisation de l'information : entêtes et paragraphes
      3. Listes
      4. Les tableaux
      5. Formulaires
      6. Images
      7. Liens hypertexte

      Retour au thème

    3. Autres éléments
      1. Emphase
      2. Citation
      3. Insérer des marques de mise à jour
      4. Abréviations et acronymes
      5. Formatage de code
      6. Définition en ligne : l'élément dfn
      7. Éléments multimédia
      8. Éléments divers

      Retour au thème

Retour à la table des matières succincte

B. Ajouter du contenu aux pages Web : les éléments d'une page

  1. Mise en forme de texte
    1. Introduction

      Retour au thème

    2. Formatage logique
      1. Titre et sous-titre
      2. Paragraphes
      3. Les balises <div> et <span>
      4. Autres balises
      5. La balise <hr>

      Retour au thème

    3. Formatage physique
      1. Mise en forme de la police

      Retour au thème

    4. Les entités de caractères
      1. Rappel
      2. Nécessité d'un codage supplémentaire: les diacritiques
      3. Présentation d'une entité de caractère
      4. Les caractères réservés
      5. L'entité &nbsp;

      Retour au thème

    5. Codage de la couleur
      1. Par son nom
      2. Par le triplet RGB
      3. Les seize couleurs simples

      Retour au thème

  2. Les liens hypertexte
    1. Introduction

      Retour au thème

    2. Différents types de liens
      1. Introduction
      2. Liens internes
      3. Le lien externe et l'adresse absolue: comment s'écrit une URL absolue?
      4. Le lien interne et l'adresse relative: comment s'écrit une URL relative?

      Retour au thème

    3. Liens vers des ressources utilisant d'autres protocoles
      1. Courrier électronique
      2. FTP ou Gopher

      Retour au thème

    4. Lien vers d'autres objets

      Retour au thème

  3. Les listes
    1. Listes
      1. Introduction
      2. Les types de listes
      3. Listes imbriquées

      Retour au thème

  4. Les tableaux dans une page Web
    1. Généralités
      1. Introduction
      2. Structure d'un tableau

      Retour au thème

    2. Les éléments d'un tableau
      1. La balise <table>
      2. La balise <caption>
      3. Les balises <col> et <colgroup>
      4. Structure du contenu
      5. Les lignes: la balise <tr>

      Retour au thème

    3. Remarques
      1. Cellules vides
      2. Tableaux imbriqués
      3. Des tableaux pour la présentation

      Retour au thème

  5. Les images dans une page Web
    1. Généralités
      1. Introduction
      2. Compromis entre nombre d'images et temps de chargement
      3. Images et accessibilité
      4. Les formats du Web
      5. Les ''GIFs animés''

      Retour au thème

    2. La balise <img>
      1. Usage
      2. Syntaxe minimale
      3. Attributs

      Retour au thème

    3. Image réactive
      1. Introduction
      2. Image-lien
      3. Image réactive ''client-side''
      4. Remarque

      Retour au thème

  6. Les cadres (frames)
    1. Généralités
      1. Fonction
      2. Avantages/Inconvénients
      3. Structure de la page HTML

      Retour au thème

    2. La balise <frameset>
      1. Définition du découpage de la page: les attributs rows et cols
      2. Jeux de valeurs possibles
      3. Découpage irrégulier

      Retour au thème

    3. La balise <frame>
      1. Utilisation de la balise
      2. Les attributs

      Retour au thème

    4. La balise <iframe>
      1. Utilisation de la balise
      2. Les attributs

      Retour au thème

    5. L'attribut target
      1. L'attribut target en HTML Transitionnel
      2. L'attribut target avec des cadres

      Retour au thème

  7. Contrôle du son et de la vidéo
    1. Les modules externes
      1. Qu'appelle-t-on ''module externe'' ou ''plug-in''?
      2. Visualiser ses ''plug-ins'' sous NN
      3. Des dispositions différentes sous NN et IE
      4. Visualiser les objets ActiveX sous IE

      Retour au thème

    2. Balises d'insertion de contenu multimédia
      1. La balise <embed>
      2. La balise <object>

      Retour au thème

  8. Les formulaires
    1. Généralités
      1. Fonctionnement général

      Retour au thème

    2. La balise <form>
      1. Où se place-t-elle?
      2. Fonction
      3. Attributs
      4. Exemples

      Retour au thème

    3. la balise <input>
      1. Introduction
      2. Types de balises <input>
      3. Soumettre et mettre à zéro des données

      Retour au thème

    4. la balise <textarea>
      1. Fonction
      2. Attributs

      Retour au thème

    5. Liste de choix, la balise <select>
      1. Fonctionnement
      2. Attributs de la balise <select>
      3. Balises <optgroup> et <option>

      Retour au thème

    6. Autres éléments de formulaire
      1. La balise <label>
      2. La balise <button>

      Retour au thème

Retour à la table des matières succincte

C. Mettre en forme : le langage CSS

  1. Feuilles de style, introduction
    1. Généralités
      1. « Philosophie » de l'utilisation des feuilles de style
      2. Historique
      3. Support par les navigateurs

      Retour au thème

    2. Comment appliquer un style ?
      1. Appel à l'attribut style
      2. Feuille de style interne
      3. Feuille de style externe
      4. Notion de feuille de style en cascade

      Retour au thème

    3. La syntaxe
      1. Structure générale
      2. Sélecteurs simples
      3. Sélecteurs complexes
      4. Unités

      Retour au thème

  2. Les règles du CSS1
    1. Polices de caractères
      1. Introduction
      2. Changer de police : font-family
      3. Changer la taille des caractères : font-size
      4. Changer l'orientation des caractères : font-style
      5. Mettre un texte en petites capitales : font-variant
      6. Changer la graisse de la police : font-weight
      7. Le résumé : font

      Retour au thème

    2. Texte
      1. Spécifier l'interligne : line-height
      2. Changer l'alignement horizontal d'un texte : text-align
      3. Surligner, souligner, barrer : text-decoration
      4. Mettre un alinéa, indenter le texte : text-indent
      5. Manipuler les majuscules et les minuscules : text-transform
      6. Changer l'alignement vertical : vertical-align
      7. Changer l'espace entre les mots : word-spacing
      8. Changer l'espace entre les lettres : letter-spacing

      Retour au thème

    3. Couleurs et fonds
      1. Spécifier la couleur du texte : color
      2. Spécifier une couleur de fond : background-color
      3. Spécifier une image de fond : background-image
      4. Changer la position par défaut de l'image de fond : background-position
      5. Contrôler la répétition d'une image de fond : background-repeat
      6. Contrôler le défilement de l'image de fond : background-attachment
      7. Le résumé : background

      Retour au thème

    4. Les « boîtes »
      1. Généralités
      2. Les propriétés de la marge extérieure : margin
      3. Les propriétés de la marge intérieure : padding
      4. Les propriétés de la bordure : border
      5. Placement d'un élément de type bloc par rapport au contenu environnant : float
      6. Nettoyer les éléments flottants : clear
      7. Spécifier largeur et hauteur d'un élément : height, width

      Retour au thème

    5. Listes
      1. Spécifier une image comme puce dans une liste : list-style-image
      2. Changer l'alignement du texte après la puce dans une liste : list-style-position
      3. Changer la forme de la puce ou le type de numérotation : list-style-type

      Retour au thème

    6. Autres propriétés
      1. Contrôle de l'affichage ou de la disparition d'un élément : display
      2. Prise en charge des blancs : white-space

      Retour au thème

  3. Règles supplémentaires du CSS2
    1. Généralités
      1. Introduction
      2. Limitations
      3. Flux d'un document

      Retour au thème

    2. Gestion de l'apparence visuelle
      1. Introduction
      2. La propriété position
      3. Positionner par rapport aux bords de l'élément contenant ou de la fenêtre : bottom, top, left, right
      4. Gérer le dépassement d'affichage d'éléments superposés : overflow et clip
      5. Cacher/faire apparaître un élément : visibility
      6. z-index
      7. max/min - height/width
      8. Personnalisation de l'apparence: cursor et outline
      9. direction
      10. quotes

      Retour au thème

    3. Gestion du rendu à l'impression
      1. Introduction
      2. @page
      3. Sauts de page
      4. Lignes veuves et orphelines
      5. Nommer des pages

      Retour au thème

    4. Autres propriétés
      1. content
      2. Compteurs

      Retour au thème

    5. Conclusion

      Retour au thème

Retour à la table des matières succincte

D. Quelques pages-types et conseils généraux

  1. Modèles de documents et de codes
    1. Modèles de documents
      1. Introduction
      2. Modèle de document HTML strict
      3. Modèle de document HTML transitionnel
      4. Modèle de document HTML à cadres

      Retour au thème

    2. Modèles de codes
      1. Mise en forme de texte
      2. Les liens

      Retour au thème

Retour à la table des matières succincte

Conditions d'utilisation et licence

Creative Commons License
Cette création est mise à disposition par Gilles Chagnon sous un contrat Creative Commons.

Retour au menu