Índice

Ejemplos de páginas HTML/CSS bien formadas

Vamos a terminar este capítulo estudiando una página web muy breve y sencilla "mal codificada" y veremos qué hay que hacer.

He aquí el código de la página:

<!DOCTYPE html> 
<html>  
<head>  
<meta charset="UTF-8" />  
<style>  
.titulo {  
font-size: 16pt;  
font-weight: bold;  
}  
</style>  
</head>  
<body>  
<p class="titulo">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="suricata.jpg" /></td>  
<td><img src="nutria.jpg" /></td>  
</tr>  
</table>  
</body>  
</html>

El archivo de este ejemplo se llama C02-ejemplo-1.html.

Veamos ahora por qué esta página puede calificarse de "incorrectamente codificada".

1.

No existe ninguna indentación. El código es por lo tanto poco ...