1. Capas HTML
Guía No. 1
Periodo IV

2. ¿Que son las capas?
 Las capas son recuadros que pueden
situarse en cualquier parte de la página,
en los que podemos insertar contenido
HTML.
 Permiten
una mejor estructuración de la
página web.

3. Etiqueta para capas
 La
etiqueta para insertar una capa se
determina por <div>.
 Para cerrar la capa se utiliza </div>
 Por ejemplo:
<div id=“nombredelacapa”> Contenido de
la capa </div>

4. Configuración de una capa
 Para configurar una capa se utiliza la etiqueta <style>
 La etiqueta <style> se escribe en la cabecera de la página,
es decir antes de la etiqueta </head>
 Dentro de la etiqueta se escribe la configuración de cada
una de las capas que se van a utilizar. Cada capa debe
tener un nombre que se define así: #nombredelacapa.
 Después de crear el nombre de la capa, se escriben entre
llaves { } los atributos que tendrá la capa, como por
ejemplo color de fondo, tamaño, borde, etc.
 Para cerrar la etiqueta se utiliza </style>

5. Algunas atributos de <style>
 background-color: color de fondo.
 width: ancho de la capa.
 height: alto de la capa.
 left: distancia entre el margen izquierdo de la
página y la capa.
 top: distancia entre el margen superior de la página
y la capa.
 border-style: estilo del borde de la capa. Puede ser
solid (con borde) o none (sin borde).
 border-color: color del borde de la capa.