Première page html

Q1 / OUVRIR l'éditeur « Notepad ++ » ou « Visual Studio Code » et SAISIR le texte ci-dessous.

ENREGISTRER le fichier sous le nom « helloworld.html ».

CONSTATER la conformité avec la figure ci-dessous.

AttentionAccents

Pour le bon affichage des accents avec le navigateur web, OPTER pour l'encodage UTF-8 :

  • Menu Encodage

    • Encoder en UTF-8

L'encodage retenu est rappelé en bas à droite de la fenêtre principale de Notepad++.

MéthodeExtension html

  • Menu « Fichier »

    • Enregistrer sous ...

      • Type : OPTER pour « Hyper Text Markup Language file »

CLIQUER sur « Enregistrer ».

Le fichier enregistré apparaît ensuite dans la liste (ici helloworld).

Q2 / MODIFIER le fichier précédent afin d'obtenir le résultat ci-dessous.

Consignes :

  • NOMPRENOM : titre h1

  • ADRESSE et CLASSE : titre h3

S'AIDER de la liste ci-dessous : « Balises fondamentales ».

Validation professeur

ComplémentBalises fondamentales

  • <!doctype html> : Pour préciser que le fichier est écrit en HTML

  • <html> : Début html : Balise ouvrante syntaxe < >

  • </html> : fin html : Balise fermante syntaxe </ >

  • <head></head> : Zone d'en-tête du fichier HTML

  • <title></title> : Titre affiché par le navigateur

  • <body></body> : Début et fin du corps du fichier html

  • <h1></h1> : Heading. Permet de gérer les titres de <h1></h1> à <h6></h6> du plus gros au plus petit

  • <br/> : Saut de ligne

  • <hr> : Ligne continue

  • <center></center> : Pour centrer un texte