Aller au contenu

Le WEB : Initiation à la programmation en HTML

Introduction

Une page web écrite proprement est en fait constituée de deux fichiers :

  • un fichier HTML qui va s'occuper du contenu brut de la page web
  • un fichier CSS qui va s'occuper de la décoration de la page web

Le fichier HTML

1) Dans votre répertoire personnel, créer un dossier pour le chapitre que nous abordons: "WEB" et créez-y un nouveau dans ce dossier que vous appelerez "Act1_Ma1erePageHTML".

2) Ouvrez le logiciel notepad++ et recopiez le texte suivant et sauvegardez-le dans le répertoire fraichement créé sous le nom "mapage.html" :

A recopier

Le HTML

Le HTML est un langage informatique utilisé sur l'internet.

Il sert à décrire le contenu d'une page web.

HTML signifie HyperText Markup Language, c'est-à-dire langage de balisage d'hypertexte.

Comme nous le verrons, ce langage utilise des balises.

Les balises permettent de mettre en forme le texte, les liens, les images...

3) Ouvrez cette page avec un navigateur internet.

Que constatez-vous :

  • Concernant la mise en page ?
  • Concernant l'accentuation des caractères ?

Important

Pour écrire une page HTML, il ne suffit pas de taper le texte comme on le ferait dans un traitement de texte (l'accentuation et la mise en page ne sont pas respectées). Aussi, Il va falloir "décrire" la page HTML à l'aide de balises pour qu'elle soit interprétée correctement par le navigateur internet.

4) Ouvrez le document précédent et remplacez le contenu par la structure balisée suivante :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title> introduction au HTML </title>
    </head>
    <body>
        <h1>Le HTML</h1>
        Le HTML est un langage informatique utilisé sur l'internet. <br />
        Il sert à décrire le contenu des pages web. <br />
        HTML signifie HyperText Markup Language, c'est-à-dire langage de balisage d'hypertexte.<br />
        Comme nous le verrons, ce langage utilise des balises. <br />
        Les balises permettent de mettre en forme le texte, les liens, les images... <br />
    </body>
</html>

5) Sauvegarder le fichier MaPage.html puis ouvrez-le à nouveau avec un navigateur internet.