Imbrication de code en HTML

En HTML, nous pouvons imbriquer les balises !

Sur le principe nous pouvons comparer ça aux parenthéses en mathématique.

Exemple

( ( ) )

J'ouvre la parenthése verte, je la ferme de suite, je me postionner entre mes 2 parenthéses vertes et j'ouvre ma parenthése rouge et je la ferme

Exemple un texte en gras et italique

Texte en gras et italique

<strong><em>Texte en gras et italique</em></strong>

Exemple un paragraphe en gras

Texte en gras et italique

<p><strong>Texte en gras et italique</strong></p>

Un blockquote (citation de paragraphe) en italique

Une citation de paragraphe en italique

<blockquote><em>Une citation de paragraphe en italique</em></blockquote>

Une liste à puce avec un élément de liste en gras

HTML 4
XHTML
HTML5


    <ul>

        <li>HTML 4</li>

        <li><strong>XHTML</strong></li>

        <li>HTML5</li>

    </ul>

Vous pouvez faire des tests avec d'autres balises !

Nous le verrons par la suite, pour respecter les standards du W3C *1, Nous imbriquerons des balises dans un certain ordre !

Exemple un lien hypertexte sur une balise h4

Correct

Syntaxe correcte

<h4><a href="http://www.conseil-webmaster.com/formation/html/" title="Correct">Correct</a></h4>

Incorrect

Syntaxe incorrecte

<a href="http://www.conseil-webmaster.com/formation/html/" title="Incorrect"><h4>Syntaxe incorrecte</h4></a>

Notre balise d'entête doit englober la balise a (qui permet de créer un lien hypertexte que nous aborderons dans le tutoriel suivant).

W3C

Le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de normalisation à but non lucratif, fondé en octobre 1994 chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML5, HTML, XHTML, XML, RDF, SPARQL, CSS, XSL, PNG, SVG et SOAP. Fonctionnant comme un consortium international, il regroupe au 26 février 2013, 383 entreprises partenaires.

Source Wikipédia