La balise : Elle apparaît en premier et signale aux différents navigateurs que c'est une page Web, le tag indique la fin de la page.
La balise
: Elle indique les informations propres à votre page. Elle inclut les balise title et body ainsi que les balises meta qui permettront aux moteurs de recherche d'indexer votre site Web.
La balise
: Elle définit le titre de votre site (ou page). Ce titre se loge dans la barre supérieure de votre navigateur, ainsi que lors d'un ajout dans les favoris (ou bookmark) d'un navigateur.<br />
<br />
La balise <body> : Elle va contenir toutes les informations qui s'afficheront dans la fenêtre du navigateur : Textes, liens, images...</p>
<div style="clear:both;"></div>
</div>
</div>
</div>
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
18:30 | <a href="http://htmlpourtous.blogspirit-community.com/archive/2007/09/05/les-premieres-balises.html" id="a1">Lien permanent</a> | <a href="http://htmlpourtous.blogspirit-community.com/archive/2007/09/05/les-premieres-balises.html#comments" rel="nofollow">Commentaires (0)</a>
</p>
</div>
</div>
</div>
<a id="a1379"></a>
<h3 id="p2"><span><a href="http://htmlpourtous.blogspirit-community.com/archive/2007/09/05/les-titres.html">les titres</a></span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
<p>L'élément h permet de mettre en valeur une portion de texte. Pour cela, le texte doit être encadré par les balises d'ouverture et de fermeture choisies et un retour à la ligne se fera automatiquement. Il y a six niveaux de titre de < h1 > (le plus important) à < h6 > (le plus petit) et l'élément h possède lui aussi l'attribut align (right, left, center).<br />
<br />
Exemple et code source avec chaque balise h :<br />
<br />
<h1>Titre de niveau 1</h1><br />
<h2>Titre de niveau 2</h2><br />
<h3>Titre de niveau 3</h3><br />
<h4>Titre de niveau 4</h4><br />
<h5>Titre de niveau 5</h5> <br />
<h6>Titre de niveau 6</h6></p>
<div style="clear:both;"></div>
</div>
</div>
</div>
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
18:28 | <a href="http://htmlpourtous.blogspirit-community.com/archive/2007/09/05/les-titres.html" id="a2">Lien permanent</a> | <a href="http://htmlpourtous.blogspirit-community.com/archive/2007/09/05/les-titres.html#comments" rel="nofollow">Commentaires (0)</a>
</p>
</div>
</div>
</div>
<div class="pager"> <span class="pagedlinks"><a href="index-1.html">Page précédente</a></span> <span class="pagedlinks"><a href="index-0.html">1</a></span> <span class="pagedlinks"><a href="index-1.html">2</a></span> <span class="pagedcurrentlinks">3</span> <span class="pagedlinks"><a href="index-3.html">4</a></span> <span class="pagedlinks"><a href="index-4.html">5</a></span> <span class="pagedlinks"><a href="index-5.html">6</a></span> <span class="pagedlinks"><a href="index-3.html">Page suivante</a></span></div>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script><script type="text/javascript" src="https://static.blogspirit-community.com/backend/javascript/validation-min.js"></script><script type="text/javascript">
// <![CDATA[
function popupCenter(url,width,height,xtr) {
var top=(screen.height-height)/2;
var left=(screen.width-width)/2;
window.open(url,"",xtr+",top="+top+",left="+left+",width="+width+",height="+height);
};
// ]]>
</script><script>
if(typeof jQuery == 'function' && jQuery('div[data-cookie]').length) {
jQuery('p[data-close] a').on('click', function (event) {
event.preventDefault();
jQuery('div[data-cookie]').attr('data-cookie', 'off');
var d = new Date();
d.setTime(d.getTime() + (86400000 * 365));
document.cookie = 'cookies_message=hide; expires=' + d.toGMTString() + '; path=/';
});
} else if(typeof $$ == 'function' && $$('div[data-cookie]').length) {
$$('p[data-close] a')[0].observe('click', function (event) {
event.preventDefault();
$$('div[data-cookie]')[0].setAttribute('data-cookie', 'off');
var d = new Date();
d.setTime(d.getTime() + (86400000 * 365));
document.cookie = 'cookies_message=hide; expires=' + d.toGMTString() + '; path=/';
});
}
if (!document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*cookies_message\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) {
if(typeof jQuery == 'function') {
jQuery('div[data-cookie]').attr('data-cookie', 'on');
} else if(typeof $$ == 'function') {
$$('div[data-cookie]')[0].setAttribute('data-cookie', 'on');
}
}
</script></body>
</html> 
