Aplicando estilos

Primeramente vamos a crear una plantilla HTML que llamaremos «index.html» en la que viene un enlace para el archivo externo «CSS» que se llama «css3.css» y que utilizaremos en los ejemplos. A veces el código CSS estará embebido dentro del archivo HTML para ir viendo como HTML interpreta dichas opciones.

El listado para nuestra plantilla HTML es:

<!-- Indicamos el tipo de documento -->
<!DOCTYPE html>
<!------------------------------------>

<!-- El atributo lang define el idioma -->
<html lang="es">
<!-- Cabecera de la página -->
<head>
<meta charset"iso-8859-1"/>

<!-- Llama al archivo externo CSS "css3.css" -->
<link href="css3.css" media="all" rel="Stylesheet" type="text/css" />
<!-- Titulo que se mostrará en el marco del navegador -->
<title>Mi t&iacute;tulo</title>

</head>
<!--------------------------->

<!-- Cuerpo de la página -->
<body>

</body>
<!------------------------->
</html>

Cópialo y pégalo en tu editor de texto favorito y guárdalo como «plantilla.html«. Empecemos explorando las posibilidades del lenguaje HTML con CSS. Veamos algunos ejemplos de aplicaciones útiles:

Índice