Spanish, Mexican subtitles

← 01-26 Inline Vs Block

01-26 Inline Vs Block

Get Embed Code
4 Languages

Showing Revision 2 created 07/08/2014 by Roberto Melendez.

  1. Una última cosa que me gustaría hablar sobre br y p.
  2. Les mostraré ahora mismo. Hagamos esto un sola línea de nuevo.
  3. Ok? Actualizo esto y tenemos
  4. una sola línea. Si podemos colocar una etiqueta br en
  5. el medio, no tendríamos que tener el salto
  6. de línea en nuestro HTML. Así, cuando hago click a Actualizar,
  7. obtendremos el salto de línea sin importar cómo el HTML está formateado.
  8. Así, podemos formatear esto como sea que deseemos, colocar todos
  9. estos espacios aquí. Y cuando actualicemos esto, siempre será lo mismo.
  10. Aquí un ejemplo. Todos estos espacios en blanco se vuelven un
  11. solo espacio. Todas estas líneas nuevas aquí, se vuelven una
  12. sola. Sabes, este espacio de texto es realmente, tu sabes, ya
  13. tienes la idea. Ok, ¿Por qué tenemos dos formas diferentes de crear
  14. nuevas líneas? ¿Por qué tenemos una etiqueta br y una
  15. etiqueta p? La respuesta es porque la etiqueta br es lo que
  16. llamamos inline, y la etiqueta p es lo que llamamos
  17. block. Así, lo que la etiqueta br estaba haciendo era
  18. sólo terminando una línea. Así, cuando tenemos algo de texto y
  19. colocamos un br en el medio, está
  20. diciendo básicamente que la línea termina aquí y que este conecta con
  21. la siguiente línea. La etiqueta p funciona diferente. La etiqueta p
  22. realmente crea una caja invisible. Así cuando tengamos HTML
  23. como este, esta creando una caja. Así, en vez de
  24. solo renderizar texto, una línea en blanco, lo que realmente está haciendo
  25. es renderizar algo como esto. Aquí, tenemos
  26. os líneas de texto y realmente hay una caja invisible
  27. alrededor del texto. Y eso es lo que la etiqueta p hace,
  28. crea una caja invisible. Y esta caja invisible puede
  29. tener altura, y puede tener ancho, cuando los elementos
  30. inline son sólo texto. Así el ejemplo aquí sería
  31. más como esto. Son solo dos líneas de texto y
  32. solo hay una pequeña línea nueva aquí. No hay nada
  33. complicado ahí. Y la diferencia entre elementos inline y block
  34. vendrá luego en este curso
  35. y sólo es importante saber que hay una distinción
  36. y que tienen comportamientos diferentes. Hasta ahora,
  37. todos los elementos que hemos aprendido, además de p, son etiquetas inline.
  38. Así que, las etiquetas inline son: b, em, hasta img es una
  39. etiqueta inline. Y vimos como, antes, nuestra imagen de Hipmunk aparecía
  40. justo en el medio del texto. Eso es porque es inline. Y
  41. hasta ahora, el único elemento block que hemos aprendido es el elemento p.