Conception & Réalisation de sites Web

Ma première page Web en HTML

A propos des balises

Une balise (tag ou markup en anglais) est un mot clé qui va donner des indications au navigateur sur ce qu'il doit afficher.

  • Une balise HTML commence par le caractère « < » (inférieur) et termine par le caractère « > » (supérieur).
  • Les caractères qui ne sont pas compris entre les signes « < » et « > » sont donc considérés comme du texte et seront affichés tel quel par le navigateur.
  • Il existes des balises ouvrantes et des balises fermantes qui correspondent au début et la fin d'une instruction.
  • Les balises de fermeture sont identifques à celles d'ouverture à l'exception de l'ajout d'un caractère « / » (slash) pour signaler la fermeture. Ce caractère se place juste après le signe « < » (inférieur)

Exemple de balise ouvrante :

<nom_de_ma_balise>

Pour fermer cette balise, on utilisera :

</nom_de_ma_balise>

Entre ma balise ouvrante et ma balise fermante, je peux mettre un texte:

<nom_de_ma_balise> Contenu textuel ici ! </nom_de_ma_balise>

Ou une autre balise pouvant contenir elle aussi un texte ou une autre balise....

<nom_de_ma_balise>
   <autre_balise>Mon text</autre_balise>
</nom_de_ma_balise>

Ou plusieurs balises....

<nom_de_ma_balise>
   <autre_balise>Mon text</autre_balise>
   <nouvelle_balise></nouvelle_balise>
</nom_de_ma_balise>

Ou encore plusieurs balises et textes....

<nom_de_ma_balise>
   Un texte ici
   <autre_balise>Un autre texte ici</autre_balise>
   <nouvelle_balise>Un texte ici</nouvelle_balise>
   ...
</nom_de_ma_balise>

Une balise doit être considéré comme une boite contenant une ou plusieurs autres boites, contenant elles-mêmes d'autres boites, etc....

Une balise ne peut-être ouverte et fermée dans 2 balises séparées. En effet une boite ne peut-être rangée à cheval dans 2 boites situées côte à côte !

Par conséquent le code suivant est incorrect :

<nom_de_ma_balise> <autre_balise> </nom_de_ma_balise> </autre_balise>

Structure d'un fichier HTML

Un fichier HTML (synonyme : un document HTML) commence par l'ouverture d'une balise <html> et se termine par la balise fermante </html>

Tous les fichiers HTML sont composés d'une entête (balise "head") et d'un corps (balise "body"). L'entête contient des informations sur la page. Le corps contient le contenu de la page.

Exemple :

<html>
   <head>
   
   </head>
   <body>
      Texte de la page ici.
   </body>
</html>

Une balise élémentaire pour l'entête

Un exemple d'information à placer entre les balises head est le titre de la page.
Ceci est rendu possible grace à la balise title qui s'utilise ainsi :

<html>
   <head>
      <title>Titre de la page</title>
   </head>
   <body>
      Texte de la page ici.
   </body>
</html>

Notez bien que le titre ne s'affiche pas dans la page (seul ce qui est dans le body peut s'y afficher) mais dans la barre située en haut du navigateur.

Balise Indication donnée au navigateur
<html> Début de la page HTML
</html> Fin de la page HTML
<head> Début de l'entête de la page
</head> Fin de l'entête de la page
<body> Début du corps (du contenu) de la page
</body> Fin du corps de la page
<title> Début du titre de la page. Cette balise est toujours placée entre les balises <head> et </head>
</title> Fin du titre de la page
Copyright © 2017 Erwan DUPEUX MAIRE - Tous droits réservés.
Valid XHTML 1.0 Transitional Valid CSS!