Maîtrisez HTML & CSS

Une sélection des meilleurs cours et exercices




Proposer un site
S'abonner à la newsletter

1 Introduction, fondamentaux & syntaxe

A Practical Guide to HTML & CSS

Découvrez le module d'introduction du cours de Shay Howe.

Aller sur le site {en}

OpenClassrooms

Découvrez comment créer un site web.

Aller sur le site {fr}

OpenClassrooms

Créez votre 1ère page en HTML.

Aller sur le site {fr}

OpenClassrooms

Mettez en place le CSS.

Aller sur le site {fr}

Exercices

  1. Testez si vous avez compris les bases de CSS avec un Quizz d'Alsacréations
  2. Faites les exercices des bases HTML de CodeAcademy {en}
  3. Faites une liste d'exercices sur Codepen

2 Balises, sémantiques et style

Site Internet Qualité

Présentation de la sémantique

Aller sur le site {fr}

A Practical Guide to HTML & CSS

Découvrez le module sur les balises et la sémantique du cours de Shay Howe.

Aller sur le site {en}

OpenClassrooms

Découvrez les balises pour le texte.

Aller sur le site {fr}

CSS Débutant

Mise en forme CSS du texte.

Aller sur le site {fr}

HTML.net

Le regroupement d'éléments (span et div).

Aller sur le site {fr}

OpenClassrooms

Découvrez comment créer des liens.

Aller sur le site {fr}

HTML.net

Découvrez comment styler des liens.

Aller sur le site {fr}

Exercices

  1. Reproduire la mise en forme du texte de ce site
  2. Faites les 9 exercices d'OpenClassrooms
  3. Faites les exercices des balises HTML de CodeAcademy {en}
  4. Faites les exercices (2è partie) des balises HTML de CodeAcademy {en}

3 Modèle de boîte et positionnement

Learn Layout

Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web.

Aller sur le site {fr}

A Practical Guide to HTML & CSS

Découvrez le module sur le modèle de boîte du cours de Shay Howe.

Aller sur le site {en}

OpenClassrooms

Le modèle de boîte.

Aller sur le site {fr}

Alsacreations

Découvrez de manière plus approfondie l'élément bloc et en ligne

Aller sur le site {fr}

Exercices

  1. Centrez un bloc en display block
  2. Centrez un bloc en display inline
  3. Exercices de CodeAcademy sur le positionnement
  4. Reproduire ces gabarits sans regarder le code source

4 Insérer des images et des médias

A Practical Guide to HTML & CSS

Découvrez le module sur le images et les médias du cours de Shay Howe.

Aller sur le site {en}

OpenClassrooms

Images dans le HTML

Aller sur le site {fr}

OpenClassrooms

Images d'arrière plan

Aller sur le site {fr}

5 Bonnes pratiques

A Practical Guide to HTML & CSS

Découvrez le module sur les bonnes pratiques du cours de Shay Howe.

Aller sur le site {en}

Apprendre le CSS

Découvrez le module sur les poids des sélecteurs du cours de Laurent Sutterlity.

Aller sur le site {fr}

Apprendre le CSS

Découvrez le module sur les bonnes pratiques du cours de Laurent Sutterlity.

Aller sur le site {fr}

6 Mettre en page avec les tableaux

A Practical Guide to HTML & CSS

Découvrez le module sur les tableaux du cours de Shay Howe.

Aller sur le site {en}

OpenClassrooms

Les tableaux.

Aller sur le site {fr}

7 Créer l'interactivité avec les formulaires

A Practical Guide to HTML & CSS

Découvrez le module sur les formulaires du cours de Shay Howe.

Aller sur le site {en}

OpenClassrooms

Les formulaires.

Aller sur le site {fr}

Exercices

Faire le CSS de ces shots Dribbble :

  1. Login
  2. Formulaire de contact
  3. Multi-step Form
  4. Formulaire d’inscription

   Ressources

OpenClassrooms

Une formation complète pour apprendre à créer un site web.

Aller sur le site {fr}

Alsacreations

Communauté dédiée à la conception Web aux normes, et notamment aux standards W3C, aux feuilles de style CSS, au langage (X)HTML, ainsi qu’à l’accessibilité du Web en général.

Aller sur le site {fr}

A Practical Guide to HTML & CSS

Un cours complet pour apprendre HTML & CSS par Shay Howe.

Aller sur le site {en}

Learn Layout

Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web.

Aller sur le site {fr}

Apprendre le CSS

Le site de cours CSS de Laurent Sutterlity.

Aller sur le site {fr}

CodeAcademy

Un super site pour apprendre à coder avec des exercices

Aller sur le site {en}

CSS Débutant

Un autre site pour apprendre le CSS.

Aller sur le site {fr}

HTML.net

Site pour apprendre le HTML et le CSS

Aller sur le site {fr}

tuto.com

Découvrez les cours HTML & CSS de tuto.com.

Voir le cours de HTML {fr} Voir le cours de CSS {fr}

Programmation facile

Des cours en vidéo pour devenir un professionnel HTML5 / CSS3.

Aller sur le site {fr}