SNT Seconde

Le HTML


Qu'est-ce que le Web ? Qu'est-ce qui le caractérise le plus ?

Nous avons vu qu'il s'agissait de la notion de documents hypertextes accessibles via des liens (ou hyperliens).

Mais comment parvient-on à créer ces liens ?

Nous allons avoir besoin de communiquer avec le navigateur et pour cela d'utiliser le langage qu'il comprend : le HTML.

Logo Html5

Nous allons devoir utiliser les URLs vues dans l'activité précédente.

1 - Introduction au HTML

Code HTML

Le HTML est un langage descriptif : c'est le langage qu'on doit utiliser pour faire comprendre au navigateur ce que l'on veut précisément qu'il fasse. Il s'agit du code texte que le serveur place dans la partie message de sa réponse.

Le grand principe du HTML est d'utiliser des balises (tags en anglais) pour séparer

  • les éléments à afficher
  • du sens qu'on veut leur donner

Les balises sont en vert dans ce document.

On utilise les chevrons  <  et  >  pour indiquer au navigateur qu'il a affaire à une balise. Ainsi

  • <a> est une balise nommée a.
  • <a> est la balise d'ouverture (ligne 1) - elle peut contenir des informations supplémentaires
  • </a> est la balise de fermeture (ligne 3) - elle ne contient jamais d'informations supplémentaires
1 2 3
<a href="/wiki/Langage_de_balisage" title="Langage de balisage" > langage de balisage </a>

On entoure donc le texte :

  • d'une balise d'ouverture ( <a ...> )
  • d'une balise de fermeture qui comporte un slash  /  en plus ( </a> ).

Si on simplifie le code en omettant les informations contenues dans la balise d'ouverture, on obtient ceci :

1
<a ...>langage de balisage</a>
,

Cliquer pour travailler sur ce langage de balise.

2 - Première page web

>⇩

,

Création d'une page web

Activité publiée le 13 04 2021
Auteur : Andjekel
sources : ows. h. et Stéphan Van Zuijlen