Qu'est-ce que le HTML ?

SNT  -  Seconde                Lycée Pierre Bourdieu

Thème 2 : Le Web

Partie 1

Activité 3 : HTML

Qu'est-ce que le HTML, voici la définition que nous en donne Wikipedia :

L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom.

Pour l'instant, nous allons retenir deux éléments de cette définition « conçus pour représenter les pages web » et « un langage de balisage ».

Dans un navigateur (Firefox, Chrome, Opera,....), grâce au langage HTML, on peut afficher du texte, des images, proposer des hyperliens (liens vers d'autres pages web), afficher des formulaires

et même maintenant afficher des vidéos (grâce à la dernière version : HTML5).

HTML n'est pas un langage de programmation (comme Python par exemple), ici, pas question de conditions, de boucles....c'est un langage de description.

A) Conception d’une page HTML :

Une page HTML est ainsi un simple fichier texte avec l’extension « .html » ou «. htm » contenant des balises (parfois appelées marqueurs ou tags en anglais)

permettant de mettre en forme le texte, les images, ….

En HTML tout est une histoire de balise que l'on ouvre et que l'on ferme. 

Une balise ouvrante est constitué de chevrons (< et >), de la forme < nom_de_la_balise>, une balise fermante est de la forme < / nom_de_la_balise>.

Exemple de page Web:

[pic 1][pic 2]

[pic 3][pic 4]

En observant attentivement le code, vous devriez remarquer que presque toutes les balises ouvertes doivent être refermées à un moment ou un autre.

Répondre aux questions suivantes sur un fichier LibreOffice.

1. Repérer la première paire de balise de la page « index.html » précédente.

Indiquer la balise « ouvrante », la balise « fermante ».

Ouvrante :

Fermante :

[pic 5]

Le rôle de ces balises :

Elles encadrent l'ensemble du code HTML, et balisent le début et la fin du document HTML. 

2. a) Repérer la 2ème paire de balise de la page « index.html ».Indiquer la balise « ouvrante », la balise « fermante ».

Ouvrante :

Fermante :

[pic 6]

Le rôle de ces balises : Cette section appelée l’entête, donne des informations générales sur la page qui vont être utiles au navigateur pour interpréter le code HTML. 

    b) Entre ces deux balises donnant l’entête, on trouve une autre paire de balises.

Indiquer la balise « ouvrante » et la balise « fermante » ainsi que sa traduction en français.

Indiquer le rôle précis de ces dernières balises.

3. Repérer la 3ème paire de balise de la page « index.html ».

Indiquer la balise « ouvrante », la balise « fermante » ainsi que sa traduction en français.

[pic 7]

Le rôle de ces balises : Cette section encadre la partie principale de la page c’est-à-dire le corps de la page. Tout ce que nous écrirons entre ces balises servira à définir ce qui est affiché à l'écran. C'est à l'intérieur du corps que nous écrirons la majeure partie de notre code.

[pic 8]

En résumé, une page html est conçue ainsi :

De plus, les balises HTML fonctionnent par paire 

afin d'agir sur les éléments qu'elles encadrent ou

seules et sont alors dites « orphelines » :

Exemples :

• Balises paires :

...