Elementos de bloque
Last updated
Last updated
Cuando cargas una página web en tu navegador, todos los elementos HTML se organizan de forma predeterminada. Así, los elementos <p> o párrafos se agrupan en bloques que van de lado a lado en la página web, mientras que, los elementos <a>, usados en los links, se organizan en una sola línea.
Casi todos los elementos HTML siguen alguno de estos patrones: pertenecen a los elementos de bloque o a los elementos en línea.
Un elemento de bloque HTML es aquel que ocupa todo el ancho de la página o del elemento que lo contiene. Ya has visto algunos de ellos, como por ejemplo:
<p>
<h1>hasta <h6>
<ul>
Aunque sólo pongas una palabra dentro del elemento <p>, ésta ocupará todo el ancho que tiene disponible. En el siguiente ejemplo, puedes ver que el elemento <p> ha sido coloreado; aunque sólo una parte tiene realmente texto, el tono azul va de un extremo de la imagen al otro.
Como los elementos de bloque ocupan todo el ancho de la página, suelen agruparse uno sobre otro:
Los elementos sobre los que se habalara en lo siguinetes tres articulos () son elementos de bloque
El elemento HTML <address> aporta información de contacto para su <article> más cercano o ancestro <body>; en el último caso lo aplica a todo el documento.
blockquote -cita en bloque . Crea citas en bloque, marca las citas a otros autores o documentos. Es una etiqueta de bloque, pero tiene su equivalente en elemento en linea.
Aunque se ponga la direccio de donde hemos sacado la informacion, esta informacion no sera mostrada en pantalla, tan solo es visible para el navegador.
El Elemento HTML <pre> (o Texto HTML Preformateado) representa texto preformateado. El texto en este elemento típicamente se muestra en una fuente fija, no proporcional, exactamente como es mostrado en el archivo. Los espacios dentro de este elemento también son mostrados como están escritos.
Es decir mostrara el texto coo tu lo hayas escrito en tun editor de texto:
En HTML, la etiqueta <div> es un contenedor genérico de bloque para otros elementos que se utiliza para dividir contenido. Es «genérico» porque no describe el contenido que contiene. Normalmente se utiliza para organizar la pagina web y asi a la hora de aplicarle estilos o scripts que este proceso se mas facil.
El elemento HTML <hr> representa un cambio de tema entre párrafos (por ejemplo, un cambio de escena en una historia, un cambio de tema en una sección). En versiones previas de HTML representaba una línea horizontal. Aún puede ser representada como una línea horizontal en los navegadores visuales, pero ahora es definida en términos semánticos y no tanto en términos representativos, por tanto para dibujar una línea horizontal se debería usar el CSS apropiado.
