Lecon 3 : Les elements et les balises

Vous etes maintenant pret a apprendre l'essence de HTML : les elements.

Les elements donnent la structure d'un document HTML et indiquent comment vous voules que le navigateur presente votre site Web. En general, les elements se composent d'une balise ouvrante, d'un contenu et d'une balise fermante.

Les balises ?

Les balises sont les etiquettes que vous utilisez pour marquer le debut et la fin d'un element.

Toutes les balises ont le meme format : elles commencent par un signe inferieur a  <  et finissent par un signe superieur a  > .

Generalement parlant, il y a deux types de balises : les balises ouvrantes (<html>) et les balises fermantes (</html>). La seule difference entre les deux est la barre oblique  / . Vous etiquetez le contenu en le placant entre une balise ouvrante et une balise fermante.

HTML n'est qu'une question d'elements. Apprendre HTML c'est connaitre et utiliser des balises differentes.

Montrez-moi des exemples ?

D'accord, l'element b sert pour marquer des lettres en caracteres gras. Tout le texte entre la balise ouvrante <b> et la balise fermante </b> s'inscrit en caracteres gras dans le navigateur. La lettre  b  est l'abreviation de  bold  (N.d.T. gras).

Exemple 1 :


<b>Ce texte doit etre en caracteres gras.</b>

Voici ce que ca donne dans le navigateur :

Ce texte doit etre en caracteres gras.

Les elements h1, h2, h3, h4, h5 et h6 servent a marquer des titres,  h  tient pour  heading  (N.d.T. titre), ou h1 est le premier niveau et avec normalement le corps le plus grand, h2 est le deuxieme niveau et normalement un texte legerement plus petit, et h6 est le sixieme et dernier niveau dans la hierarchie des titres et normalement le plus petit texte.

Exemple 2 :


<h1>Voici un titre</h1>
<h2>Voici un sous-titre</h2>

Dans le navigateur, cela donnera :

Voici un titre

Voici un sous-titre

Donc, j'ai toujours besoin d'une balise ouvrante et d'une balise fermante ?

A ce qu'on dit, il y a une exception a chaque regle, et en HTML, quelques elements font exception, avec une ouverture et une fermeture concentree dans une seule balise. Ces elements appeles elements vides ne sont pas associes a un passage particulier dans le texte mais sont plutot des etiquettes isolees, par exemple, un saut de ligne qui se presente comme ceci : <br />.

Les balises s'ecrivent-elles en majuscules ou en minuscules ?

La plupart des navigateurs ne se soucient guere de ce que vous tapiez vos balises en majuscules, en minuscules, ou dans un melange des deux. <HTML>, <html> ou <HtMl> donneront normalement le meme resultat. Quoiqu'il en soit, la methode correcte est de taper les balises en minuscules. Donc, prenez l'habitude d'ecrire vos balises en minuscules.

Ou dois-je placer toutes ces balises ?

Vous tapez les balises dans un document HTML. Un site Web contient un ou plusieurs documents HTML. Lorsque vous surfez sur le Web, vous ouvrez simplement des documents HTML differents.

Si vous poursuivez jusqu'a la prochaine lecon, vous aurez fait votre premier site Web dans 10 minutes.