Mise en forme avec CSS

A partir de maintenant, tout le travail de mise en forme doit se faire avec CSS pour respecter l'évolution des langages du web.

ExempleAlignement du texte en largeur

NE PLUS UTILISER la balise <center></center> mais text-align : center dans CSS.

Q3 / Avec l'éditeur « Notepad ++ » ou « Visual Studio Code » EFFECTUER la saisie des deux fichiers ci-dessous :

  • premier.html

  • style.css

Explications :

  1. Création du lien entre le fichier premier.html et le fichier style.css

  2. Gestion de la couleur de fond de la page HTML avec CSS.

  3. Lien entre la page HTML et le fichier CSS : balise h1 (titre)

  4. Ecriture des propriétés (couleur et position) du titre h1 : Hello world

VÉRIFIER la conformité du résultat obtenu avec la figure ci-dessus.

AttentionFichier style

Le fichier « style » a l'extension « .CSS » (Cascade Style Sheets file).

Q4 / MODIFIER le fichier afin d'obtenir le résultat indiqué ci-dessous.

Consignes :

  • NOMPRENOM : titre h1

  • ADRESSE et CLASSE : titre h3

Validation professeur