Activa JavaScript para disfrutar de los vídeos de la Mediateca.
HTML div - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Las divisiones las hacemos con la etiqueta LIF y tiene mucha importancia porque durante muchos años
00:00:00
era el único elemento que íbamos colocando a lo largo de la página en la posición que nosotros queríamos.
00:00:06
Aquí hay una nota muy interesante, decía que antiguamente había mucha gente que sigue llamándolo a estos capas
00:00:13
y eso viene heredado de cuando los más mayores, yo me incluyo entre ellos, pues trabajamos con la etiqueta LAYER de NETScape.
00:00:18
la etiqueta layer además permitía
00:00:26
que una etiqueta estuviera sobrepuesta sobre otra
00:00:29
etcétera, algo que ahora también podemos hacer
00:00:31
y al no existir dentro
00:00:33
del estándar la etiqueta layer
00:00:35
pues fue sustituida por el div
00:00:37
y por eso queda todavía por ahí en algunos documentos
00:00:39
la idea de ver la división
00:00:41
la de capa
00:00:43
bueno, aquí vemos
00:00:44
dos div, este
00:00:46
y este
00:00:49
entonces tiene primero tres párrafos
00:00:50
hasta aquí, hasta ahí peor
00:00:54
de apagar y el siguiente es este, en este caso no veríamos nada
00:00:55
no tenemos ni idea de lo que quiere decir esto de aquí, pero imagínense
00:00:59
que yo digo de repente que el div le aplico
00:01:03
un estilo en el cual digo el color de fondo
00:01:07
es un azul flojito y que
00:01:10
tiene un margen de 10 píxeles, ya ven que la información que teníamos ha cambiado
00:01:15
tenemos un margen, el margen se aplica a todos los lados
00:01:19
por todos los lados del div
00:01:23
y entonces 10 píxeles de separación
00:01:25
¿de acuerdo?
00:01:27
con lo cual si vemos la diferencia de los dos
00:01:28
div o dos grandes
00:01:31
conjuntos de párrafos
00:01:33
en este caso
00:01:35
más o menos tenemos lo mismo
00:01:37
incluso si tuviéramos un div dentro de otro
00:01:39
pues podríamos cambiarle
00:01:41
algunas características
00:01:43
¿cuándo utilizamos estas divisiones?
00:01:44
pues realmente cuando consideremos
00:01:47
que esta información
00:01:49
corresponde a cosas distintas
00:01:50
o tengamos que enfatizar algún elemento o algo por el estilo
00:01:52
si no, no tiene mucho interés
00:01:56
en estos casos todavía con estos CSS estamos simplemente cambiando colores
00:01:58
pero podríamos poner por ejemplo que este primer div estuviera puesto por aquí
00:02:04
y el resto por aquí, etc, etc, colocándolo dentro de la página
00:02:10
con lo cual el div si lo vamos a utilizar para maquetar tanto nuestra información
00:02:13
u otras etiquetas, como todas que hemos visto antes de la estructura del documento.
00:02:19
- Idioma/s:
- Autor/es:
- Amadeo Mora
- Subido por:
- Amadeo M.
- Licencia:
- Dominio público
- Visualizaciones:
- 52
- Fecha:
- 28 de diciembre de 2020 - 14:30
- Visibilidad:
- Público
- Centro:
- IES CLARA DEL REY
- Duración:
- 02′ 26″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1364x768 píxeles
- Tamaño:
- 16.95 MBytes
