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