Elementos en bloque
Un elemento en bloque es aquel que ocupa todo el ancho de la página, independientemente del contenido que escribas dentro de él. Se conocen como bloques, ya que, si pones varias etiquetas juntas, estas se mostrarán una tras otra en distinta línea ocupando cada una el ancho total de la página
Algunas etiquetas que podemos identificar como etiquetas en bloque son:
- <p></p>
- <pre></pre>
- <h1></h1> ... hasta <h6></h6>
- <ul></ul>
- <header></header>
- <main></main>
- <footer></footer>
- <nav></nav>
- <form></form>
Aparte de estos, existen muchos otros que podemos usar como elementos en bloque, pero no es necesario que te los memorices todos. Pero si necesario que puedas identificarlos y así puedas tener una mejor idea de como maquetar tu página web.
Elementos en línea
Un elemento en líena se diferencian de los elementos en bloque, en que no ocupan todo el ancho de la página, es decir, que si ponemos varios elementos en línea, estos se posicionarán uno tras otro en la misma línea, sin abarcar toda la página, y el salto de línea se realizará hasta que todos los elementos juntos ocupen todo el ancho de la página.
Algunas etiquetas que podemos identificar como etiquedas en línea son:
- <a></a>
- <b></b>
- <i></i>
- <img><img>
- <strong></strong>
- <span></span>
- <input>
De igual manera, existen muchas otras etiquetas que se conoce cono elementos en línea. Aunque no es necesario conocerlas de memoria todas, debes saber diferenciarlas para estructurar tu página web.