INTRODUCTION AU HTML/CSS

Introduction

1. Recopiez le programme ci-dessous avec un éditeur de texte.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

  </head>
  <body>

  </body>
</html>

2. Sauvegardez votre programme en prenant les précautions :

3. Testez votre programme en cliquant sur le fichier créé. Pour l'instant, il s'affiche une page vide.

Il est commode de travailler avec deux fenêtres :

Ainsi, après une modification de votre programme, vous l'enregistrez en suivant, puis cliquez sur le bouton actualiser du navigateur (touche F5 du clavier) pour visualiser le résultat obtenu.

Créer un document

Reproduire le document ci-dessous.

Mettre en forme les caractères

Reprendre le document précédent :

Présenter le document

Reprendre le document précédent en y ajoutant une feuille de style.

Choisir des couleurs distinctes pour :

Insérer des images

A titre d'exemple, insérer dans votre document l'image ci-dessous :

Créer des liens

Créez deux pages au format HTML, l'une se nommant page1.html et l'autre page2.html.

Dans la page page1.html, entre les balises <body> et </body>, écrivez :

<a href="page2.html">Lien vers la page 2</a>

De même, dans la page page2.html, entre les balises <body> et </body>, écrivez :

<a href="page1.html">Lien vers la page 1</a>

Affichez la page page1.html avec le navigateur puis cliquez sur le lien que vous venez de créer. Vous devriez voir apparaître la page page2.html.

Créer des tableaux

Créer un tableau comportant deux colonnes et sept lignes :

Créer des listes

Créer deux listes :

Caractères spéciaux

Ecrire, dans votre page HTML, la suite de caractères :