Le HTML

Introduction

Le HTML et le CSS

Cette activité te permettra d’apprendre les langages utilisés dans la conception des sites web et les différences entre le HTML et le CSS.

• Lecture : Le HTML et le CSS

Five Reasons Entrepreneurs Should learn How to Code (Globe and Mail)

Leçon 1

L’éditeur de texte

Cette activité te permettra d’apprendre quel logiciel employer pour créer une page ou un site web.

• Lecture : L’éditeur de texte

Leçon 2

Les balises

Cette activité te permettra d’apprendre ce qu’est une balise, ce qu’est une balise en paire et une balise orpheline et, ce qu’est un attribut.

• Activité 2 : Les balises

Les balises HTML

Leçon 3

La structure de base

Cette activité te permettra d’apprendre comment coder la structure de base d’une page web, comment insérer des commentaires sur une page web qui seront « invisibles », comment cacher du contenu sur une page web et comment utiliser le retour automatique à la ligne (Word Wrap).

• Activité 3 : La structure de base d’une page HTML

Leçon 4

Organiser le texte

Cette activité te permettra d’apprendre comment créer des paragraphes, comment insérer une ligne, à insérer des titres de toutes tailles et à mettre en valeur le texte.

• Activité 4 : Organiser le texte

Leçon 5

Les listes

Cette activité te permettra d’apprendre comment créer des listes non ordonnées (listes à puces), et, comment créer des listes ordonnées (numérotées).

• Activité 5 : Les listes

Leçon 6

Les liens internes et externes

Cette activité te permettra d’apprendre comment créer un lien vers un autre site, comment créer un lien vers une autre page de ton site, comment créer un lien vers une page qui se situe dans un autre dossier et, de créer un lien vers un dossier qui est plus haut dans l’arborescence.

 

Leçon 7

Les autres liens

Cette activité te permettra d’apprendre comment créer un lien vers un document PDF, comment créer un lien vers un document Word, comment faire ouvrir une nouvelle page ou un onglet en cliquant sur un lien, de créer des ancres, des liens sur une même page et, de créer des infobulles.

 

Leçon 8

Télécharge cette image pour compléter l'exercice 8.

Télécharge cette image pour compléter l'exercice 8.

Plus

Pour aller plus loin…

Cours complet sur le HTML et le CSS

Contact

Calendrier de l’école