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...

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Optimizar el código y organizar sus archivos
Siguiente
Una breve cronología de HTML5