Les feuilles de style avec KompoZer

Les balises HTML

L'animation ci-dessous présente quelques balises HTML. Clique sur la flèche marquée " Suite " pour passer à la suite.

Avertissement: lecteur flash non disponible

Les balises <head>head = tête, en anglais et </head> (prononcer " fin head ") définissent les limites de l'entête du document, cependant que les balises <body>body = corps, en anglais et </body> (" fin body ") définissent les limites du corps du texte.

La première ligne du corps du document est le titre principal qui apparaît sur la page: elle est au format " Headerheader = en-tête, en anglais 1 ", ou " Titre de niveau 1 ". Les balises HTML qui définissent ce format sont <h1> et </h1> (" fin h1 ").

Deux lignes sont au format " Header 2 ", ou " Titre de niveau 2 ". Les balises HTML correspondantes sont <h2> et </h2>.

La paire de balises <cite> et </cite> sert à délimiter une citation.

Les autres lignes sont au format de " paragraphe " défini par les balises <p> et </p>.

Il existe d'autres balises html. Nous en découvrirons certaines dans la suite du cours.

  • Observe attentivement l'ensemble du texte au format HTML dans l'onglet Source. Accorde principalement ton attention aux balises HTML qui y sont disposées.

Remémore-toi le rôle de chacune des balises utilisées ici.

  • Resélectionne l'onglet Conception.
  • Clique dans le titre de niveau 1 "Ceci est le titre principal".
  • Active le mode Mixte et modifie les balises <h1> et </h1> en <h2> et </h2>
  • Vérifie l'effet en mode Conception.

Veille à modifier aussi la balise de fin, au risque de constater des effets imprévisibles. Un grand nombre de balises HTML doivent être utilisées par paires. Il est important de respecter ces paires : à toute balise " ouvrante " doit correspondre une balise " fermante ".

  • Modifie une balise <p> en <h2> et la balise </p> correspondante en </h2> ;
  • Visualise l'effet en mode Conception.
  • Recompose ensuite le document selon sa forme originelle.
Lorsqu'une zone du code html commence par la balise <h1>, elle doit être terminée par la balise
<h1>
</h1>
<h2>
N'importe quelle balise, cela n'a pas d'importance.
La paire de balises qui délimite le corps du texte dans la page html est
<body> et </body>
<head> et </head>
<header> et </header>
<h1> et </h1>
Le signe qui indique qu'une balise HTML est fermante est
le signe :
Le signe /
Le signe </head>
Le signe <

Quand tu as fini de procéder à ces différentes expériences et que tu as compris le rôle des balises HTML utilisées ci-dessus, passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 31/08/2016 Test dans /info ...