Notre espace de travail : Mozilla-Thimble

Le HTML

L’HyperText Markup Language, généralement abrégé HTML, est un langage de balisage qui permet d'afficher du texte, de structurer et de mettre en forme le contenu d'une page web. Il permet également d’inclure des ressources multimédias dont des images, des vidéos, et des programmes informatiques.
C'est le navigateur (FireFox, ie, safari etc..) qui interprète le langage et l'affiche.

La structure de base d'une page web est :

<html>

    <head>
    "métadonnées"
    </head>
                
    <body>
    "ce qui est affiché"
    </body>
                
</html>
  • <html> ouvre la balise html et </html> ferme la balise html


  • Entre les balises <head> et </head> on mettra des "métadonnées" nous en verrons quelques-unes


  • Les balises <body> et </body> délimitent le corps de la page (tout ce qui sera affiché)

Faites un clic-droit sur cette page ou une autre et faites afficher le code source. Repérez ces balises

Notre espace de travail

Bien qu'un simple éditeur de texte comme le bloc-note suffise pour créer une page web, nous utiliserons la plateforme Mozilla-Thimble qui offre de nombreux avantages comme : l'auto-complétion (fermeture automatique des balises!), la publication en ligne (pour montrer et poursuivre votre travail chez vous :-)

Il faut dans un premier temps créer un compte sur Mozilla-Thimble

Créez un nouveau projet et voilà votre espace de travail :



Zone des fichiers

Dans cette zone, on a accès aux différents fichiers du projet. Pour l'instant il y en a deux:

Zone d'édition

Dans cette zone, on modifie les fichiers

les différentes lignes de code du fichiers index.html commentées

Faites des essais en modifiant:
  • <title> ma page </title>. Publier la page pour voir l'effet sur l'onglet


  • Changer le titre de la balise "h1"


  • Changer le contenu du paragraphe


Nous sommes prêts pour en découvrir davantage sur les balises et le css