Ahí.
Dar una buena acogida.
Entonces esta lección va a ser muy rápida.
Estamos hablando de dos etiquetas, la etiqueta DIV y la etiqueta spand, y realmente no podemos hablar mucho sobre lo
que hacen y cómo las usamos hasta que lleguemos a ver dónde podemos diseñar las cosas.
Pero solo quiero presentarlos ahora porque les mostraré cosas usando divs y spans.
En los siguientes videos y no hice un gran trabajo de explicarlo en el primer borrador de
este curso.
Así que volví y lo agregué después del hecho después de que se publicó el curso.
Vi algunas preguntas que noté que tal vez podría aclarar si solo hice un mejor trabajo explicando
antes a Dave.
DE ACUERDO.
Así que comencemos a hablar de divisiones y tramos.
Lo primero que diré es que ninguno de los dos, como mencioné, no es útil
hasta que lleguemos a diseñar elementos.
hacen es que te permiten agrupar contenido, por lo que un div según MT-NW es solo un contenedor genérico.
Pero lo que
Entonces, es solo una manera de agrupar las cosas como un ejemplo. No estoy diciendo que esto sea un div
aquí, pero podría ser un div solo un recuadro alrededor de algún contenido.
Parece que hay texto aquí algunas imágenes y más texto para agrupar eso en conjunto y darle un
borde grande o darle un fondo discúlpeme usted puede hacer eso con un div.
Una vez más, todavía no hemos hablado de cómo lo haces, pero la idea es que puedas
agrupar cosas juntas.
Así que me verás usando mucho divs en este curso en el futuro.
Déjame mostrarte un ejemplo rápido.
Entonces, si agrego algo de texto aquí, esto es algo que uno de los estudiantes de este curso señaló en
el foro de discusión.
No sabía que es bueno si solo escribes Lorem y presionas la pestaña.
Nos dará a Lorem Ipsum básicamente un montón de texto de marcador de posición de texto de ejemplo.
Así que voy a usar esto para hacer dos de esos.
Y luego también agregue un H1 y digamos que este H-1 realmente no importa o simplemente coloque algo
allí.
Pero digamos que este es un párrafo
y quiero agrupar estas dos cosas juntas.
El H-1 en el párrafo digamos que eventualmente nuevamente no podemos hacerlo ahora pero eventualmente quiero tener una
caja alrededor de un borde y un borde naranja.
Pero no incluye este.
Lo que puedo hacer es agruparlos en una etiqueta div
para d v y guardar.
actualizo la página o la abro en primer lugar, no se verá diferente en absoluto.
Y si
No va a parecer nada en realidad porque no hay un estilo para que veamos todo lo que sucedió es
que estas dos cosas ahora están agrupadas en un contenedor, solo un cuadro genérico, un contenedor para mantenerlas
juntas para que luego podamos ir al estilo más tarde.
Entonces, si le doy a ese div un fondo, si lo hago tiene un fondo amarillo,
ese fondo amarillo irá más o menos alrededor de este, pero no incluiría ninguno del segundo párrafo.
Así que ese es un lapso div, por otro lado también es un contenedor genérico.
Pero hay una diferencia clave.
Entonces permítanme comenzar con un ejemplo aquí.
Digamos que quería resaltar algunas de estas palabras aquí.
Puerta Ipsum.
Sea lo que sea, quiero que sea amarillo en lugar de negro para que el resto del texto sea negro.
Pero quiero resaltar esto como amarillo y hacer que la fuente sea más grande o algo así.
De nuevo, no sabemos cómo hacer eso todavía.
necesitaría una etiqueta al respecto y si pongo un div ahí mismo, que es un contenedor genérico ups
y guardo y actualizo, verá que se golpea en una nueva línea y eso es porque un div es un bloque elemento de nivel
Pero la idea es que
Entonces eso significa que toma su propia línea como lo hace un párrafo.
Cuando agrega un párrafo en todo después de que ese párrafo se empuja hacia abajo a una nueva línea.
Entonces, un div es un contenedor genérico de nivel de bloque.
Si reemplazo esto con un lapso, esto no va a ser nada impresionante, porque ¿cómo puedo ver algo realmente? Aquí verás
un cambio, pero se verá como un párrafo normal, así que voy a actualizar y
hay un contenedor. .
Ahora hay un lapso genérico alrededor de este contenido que no está haciendo nada.
A diferencia de un div aunque es un contenedor en línea.
Así que span es básicamente para agrupar contenido seleccionando contenido en línea y un div es otra forma de agrupar
contenido.
Pero es un elemento de nivel de bloque.
Entonces sé que esto es un poco teórico en este punto.
Es un poco difícil de entender la utilidad de.
ir a buscar ese tramo que agregue y hacer que sea fuente de quince puntos y amarillo o ir a
buscar ese div que agregue y darle un borde naranja y lo que sea hacer y luego terminamos con un borde naranja alrededor de este contenido.
Pero muy pronto, cuando entremos en C Ss, podremos decir algo así como
Bien, los grandes divs abarcan contenedores genéricos.
Uno es negro, está en línea