Clase De Capas Html
Páginas: 3 (641 palabras)
Publicado: 27 de octubre de 2015
INTRODUCCIÓN
[REPASO CLASE ANTERIOR]
El darle forma a una web se le suele llamar estructurarla. Es darle una estructura concreta para colocar luego el menú aquí, el contenido allá, etc.
Para ellovamos a dar uso a las capas.
CAPAS
¿Qué son las capas?
Una capa es una división, una parte de la página, que tiene un comportamiento independiente dentro de la ventana del navegador, ya que la podemoscolocar en cualquier parte de la misma y la podremos mover por ella independientemente.
Dentro de la capa podemos incluir lo que queramos, palabras, párrafos, enlaces, imágenes, varias de estascosas a la vez o incluso otras capas.
La etiqueta HTML para construirla es
[REPASO CLASE ANTERIOR]
El darle forma a una web se le suele llamar estructurarla. Es darle una estructura concreta para colocar luego el menú aquí, el contenido allá, etc.
Para ellovamos a dar uso a las capas.
CAPAS
¿Qué son las capas?
Una capa es una división, una parte de la página, que tiene un comportamiento independiente dentro de la ventana del navegador, ya que la podemoscolocar en cualquier parte de la misma y la podremos mover por ella independientemente.
Dentro de la capa podemos incluir lo que queramos, palabras, párrafos, enlaces, imágenes, varias de estascosas a la vez o incluso otras capas.
La etiqueta HTML para construirla es
y la diferencia entre y
es que con esta última si que podemos aplicar estilo a una parte más amplia de lapágina, por ejemplo a tres párrafos.
Además que la etiqueta
Además que la etiqueta
tiene un uso adicional, que luego desde la hoja de estilos, podemos darle a todo su contenido propiedades como color de fondo, tamaño deletra, dimensiones de ese recuadro, márgenes, bordes, etc.
Los atributos que podemos aplicar a estas etiquetas y
Los atributos que podemos aplicar a estas etiquetas y
nos permiten modificar de una manera muy exhaustiva la presentación de loscontenidos en la página.
[REPASO BREVE DE LOS ATRIBUTOS QUE VAMOS A UTILIZAR]
1. Atributo position
Indica el tipo de posicionamiento de la capa. Puede tener dos valores, relative o absolute.Relative: indica que la posición de la capa es relativa al lugar donde se estaba escribiendo.
Absolute: indica que la posición se calcula con respecto al punto superior izquierdo de la página.
2. Atributotop
Indica la distancia vertical donde se colocará la capa. (Dependerá del atributo anterior)
3. Atributo left
Indica la distancia horizontal donde se colocará la capa.
4. Atributo height
Indica elalto de la capa.
5. Atributo width
Indica el ancho de la capa.
[EJEMPLO]
Vamos a generar los archivos HTML y CSS a la vez.
Como primer paso, en la cabecera del documento HTML, enlazaremos con...
[REPASO BREVE DE LOS ATRIBUTOS QUE VAMOS A UTILIZAR]
1. Atributo position
Indica el tipo de posicionamiento de la capa. Puede tener dos valores, relative o absolute.Relative: indica que la posición de la capa es relativa al lugar donde se estaba escribiendo.
Absolute: indica que la posición se calcula con respecto al punto superior izquierdo de la página.
2. Atributotop
Indica la distancia vertical donde se colocará la capa. (Dependerá del atributo anterior)
3. Atributo left
Indica la distancia horizontal donde se colocará la capa.
4. Atributo height
Indica elalto de la capa.
5. Atributo width
Indica el ancho de la capa.
[EJEMPLO]
Vamos a generar los archivos HTML y CSS a la vez.
Como primer paso, en la cabecera del documento HTML, enlazaremos con...
Leer documento completo
Regístrate para leer el documento completo.