Derniers tutoriels de développement web

Les éléments HTML


Les documents HTML sont constitués par des éléments HTML.

Dans la syntaxe HTML, la plupart des éléments sont écrits avec une balise de début et une balise de fin, avec le contenu entre les deux. Une balise HTML est composé du nom de l'élément, entouré par des crochets. Une étiquette d'extrémité comporte également une barre après le support d'angle d'ouverture, pour la distinguer de la balise de début.


Les éléments HTML

Les éléments HTML sont écrits avec une balise de début, avec une balise de fin, avec le contenu entre:

<tagname>content</tagname>

L'élément HTML est tout de la balise de début de la balise de fin:

<p> Mon premier paragraphe HTML. </p>
balise de début contenu de l'élément Balise de fin
<h1> Mon premier titre </h1>
<p> Mon premier alinéa. </p>
<br> 

Certains éléments HTML ne sont pas une balise de fin.


Emboîtée éléments HTML

Les éléments HTML peuvent être imbriqués (elements can contain elements) des (elements can contain elements) .

Tous les documents HTML sont constitués d'éléments HTML imbriqués.

Cet exemple contient 4 éléments HTML:

Exemple

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Essayez vous - même »

HTML Exemple Explained

Le <html> élément définit le document.

Il a une balise de début <html> et une balise de fin </html> .

Le contenu de l' élément est un autre élément HTML (the <body> element) .

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Le <body> élément définit le corps du document.

Il a une balise de début <body> et une balise de fin </body> .

Le contenu de l' élément est de deux autres éléments HTML ( <h1> and <p> ) .

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

Le <h1> élément définit une position.

Il a une balise de début <h1> et une balise de fin </h1> .

Le contenu de l' élément est: Mon premier titre.

<h1>My First Heading</h1>

Le <p> élément définit un paragraphe.

Il a une balise de début <p> et une balise de fin </p> .

Le contenu de l' élément est: Mon premier paragraphe.

<p>My first paragraph.</p>

Ne pas oublier la balise de fin

Certains éléments HTML affichent correctement, même si vous oubliez la balise de fin:

Exemple

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
Essayez vous - même »

L'exemple ci-dessus fonctionne dans tous les navigateurs, car la balise de fermeture est considérée comme facultative.

Ne vous fiez jamais à ce sujet. Il peut produire des résultats inattendus et / ou des erreurs si vous oubliez la balise de fin.


Vide éléments HTML

éléments HTML sans contenu sont appelés éléments vides.

<br> est un élément vide sans une balise de fermeture (the <br> tag defines a line break) .

Les éléments vides peuvent être "closed" dans la balise d'ouverture comme ceci: <br /> .

HTML5 ne nécessite pas d'éléments vides à fermer. Mais si vous voulez validation plus stricte, ou vous devez rendre votre document lisible par parseurs XML, vous devez fermer tous les éléments HTML.


HTML Astuce: Utilisez Minuscules mots clés

Les balises HTML ne sont pas sensibles à la casse: <P> signifie la même chose que <p> .

La norme HTML5 ne nécessite pas de balises minuscules, mais W3C recommends en minuscules dans HTML4, et demands en minuscules pour plus strictes types de documents comme XHTML.

A w3ii nous utilisons toujours des balises minuscules.