Bien débuter avec HTML

Chapitre 1 : Les bases du langage HTML

1.1 Une structure particulière

1.1.1 Ecrire et tester son premier code HTML

1.1.2 Que se passe-t-il du côté du serveur ?

1.1.3 Des balises dans un arbre

1.1.4 Où trouver des informations sur toutes les balises ?

1.1.5 Quelques exemples sans formatage

1.1.6 Les tableaux

1.1.7 Les listes avec des puces

1.1.8 Les listes avec des nombres

1.1.9 Les listes imbriquées

1.1.10 Insérer une image

1.1.11 Insérer un lien hypertexte sur une image

1.1.12 Afficher la cible d'un lien dans une nouvelle fenêtre

1.1.13 Définir un dossier par défaut avec la balise <base>

1.2 Les cadres

1.2.1 Les attributs les plus courants

1.2.2 Ateliers : construction de cadres

Atelier 1 : Une image dans un cadre

Atelier 2 : Agrandir le cadre pour voir l'image

Atelier 3 : Une bordure et un alignement pour un cadre

Atelier 4 : Trois cadres ensemble dans une page

1.3 Voir le code des pages HTML existantes

1.3.1 Les utilitaires de développement de Google Chrome

1.2.2 Les utilitaires de développement de Safari

1.2.3 L'éditeur Bracket pour la gestion du HTML et du CSS

Chapitre 2 : Les feuilles de style CSS

2.1 Styles et feuilles de style en cascade

2.2 Atelier d'écriture

2.2.1 Une page HTML sans feuille de style

2.2.2 Une page HTML avec les styles regroupés en local

2.2.3 Une page liée à une feuille de style CSS externe

2.3 Les attributs de style 

2.3.1 Les attributs de couleur

2.3.2 Quelques attributs

2.3.3 Un exemple d'application

2.3.4 Les erreurs de programmation à ne pas faire

2.4 La cascade et la hiérarchie des styles

2.4.1 La cascade

2.4.2 L'héritage

2.4.3 Réalisation d'un menu

Chapitre 3 : Les formulaires

3.1 A quoi sert un formulaire ?

3.2 Le contenu d'un formulaire HTML

3.2.1 Les balises qui créent des éléments

3.2.2 La balise <input>

3.2.3 Atelier d'écriture avec la balise input 

Atelier 1 : Un formulaire le plus simple possible

Atelier 2 : Un formulaire avec une fonction JavaScript

Atelier 3 : Un formulaire avec des styles

Atelier 4 : Calculer son IMC

Atelier 5 : Un  formulaire qui calcule votre âge

Atelier 6 : Travail avec les cases à cocher

Atelier 7 : Des groupes de boutons radio

3.2.4 La balise <select> pour choisir dans une liste

3.3 Un formulaire client-serveur

3.3.1 Les protocoles mailto et post

3.3.2 Récupérer les champs vers mailto avec JavaScript

3.3.3 Action et protocole post

3.3.4 Le protocole de communication get

Chapitre 4 : Les événements

4.1 Qu'est-ce qu'un événement ?

4.1.1 Les événements de type clavier

4.1.2 Les événements de type souris

4.1.3 L'écouteur passif addEventListener

4.1.4 Les événements appliqués aux éléments

4.1.5 Les événements appliqués à la balise body

4.2 Capture des événements onload et onfocus

Chapitre 5 : Mise en page

5.1 La structure d'une page web

5.1.1 Une page, deux colonnes, un en-tête et un pied de page

5.1.2 Une page web avec des menus

Atelier 1 : Un menu horizontal

Atelier 2 : Encadrement d'options

Atelier 3 : Un menu vertical

Atelier 4 : Un menu et des images

5.1.3 Un menu avec une liste

5.1.4 Des listes imbriquées

5.2 Des listes hiérarchisées

Lexique