Sommaire

Un exemple d’une page bien formée

Nous allons terminer ce chapitre en étudiant une courte et très simple page web "mal codée" et voir ce qu’il faut faire.

Voici le code de la page :

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8" /> 
<style> 
.titre { 
font-size: 16pt; 
font-weight: bold; 
} 
</style> 
</head> 
<body> 
<p class="titre">Maecenas faucibus mollis interdum</p> 
<p>Curabitur blandit tempus porttitor...</p> 
<p><center>Aenean eu leo quam. Pellentesque...</center></p> 
Cras mattis consectetur purus sit amet... 
<p>&nbsp;</p><p>&nbsp;</p> 
<h2>Nullam quis risus eget urna mollis ornare vel eu leo</h2> 
<p>Sed posuere consectetur est at lobortis...</p> 
<table> 
<tr> 
<td><img src="tigre.jpg" /></td> 
<td><img src="suricate.jpg" /></td> 
<td><img src="loutre.jpg" /></td> 
</tr> 
</table> 
</body> 
</html>

Voyons maintenant pourquoi cette page peut être qualifiée de "pas correctement codée".

  • Il n’y a aucune indentation. Le code est donc peu lisible, mal organisé et mal structuré.

  • Dans l’élément <head>, il n’y ...