Instituto Politécnico Nacional

Escuela Nacional de Computo

HTML.
Elementos de texto y contenedores HTML.

Pérez González Jesús Francisco

4CM2

Tecnologías para el Desarrollo Web

03/Marzo/2024
 Elementos de Texto
En HTML, los elementos de texto son aquellos que se utilizan para mostrar contenido textual en
una página web. Estos elementos pueden ser desde simples fragmentos de texto hasta
párrafos completos, encabezados, listas, enlaces y más.
La forma más básica de añadir un texto a una página web es usando la etiqueta <p>. Aunque
en las páginas anteriores te contamos sobre esta etiqueta, recordemos un poco: el elemento
párrafo es uno de más usados en HTML para crear y construir los sitios web que visitas a
diario.
<p>Esto es un párrafo</p>

Cuando los navegadores interpretan este elemento añaden un espacio por encima y por debajo
para mantener cada párrafo independiente de los demás.
Los elementos de encabezado también se utilizan para mostrar un texto en la pantalla, solo que
de una forma un poco diferente, porque los resalta. Generalmente, se utilizan para dividir los
textos en secciones.
<h1>Esto es un elemento de encabezado</h1>

Los elementos de encabezado tienen seis niveles: van desde el <h1> al <h6>. El <h1>se
considera el más importante y el <h6> el menos importante.
Los elementos de formato de texto se utilizan para cambiar la apariencia de un texto, ya sea para
resaltar o hacer énfasis en alguna palabra. Entre los más usados están:
<b>: este elemento pone el contenido en negrita.
<i>: este elemento cambia el texto a cursiva.
<u>: este elemento subraya el contenido.

Contenedores HTML
Contenedores HTML son elementos que se utilizan para agrupar y estructurar otros elementos
en una página web. Estos elementos no tienen contenido visual propio, pero sirven para
organizar y dar sentido al contenido de la página.
Ejemplos:
<div>: Define un contenedor genérico que agrupa elementos en bloque.
<span>: Ya mencionado como un contenedor en línea.
<section>, <article>, <header>, <footer>, <nav>, <aside>: Elementos de la especificación
HTML5 que se utilizan para estructurar semánticamente una página web.
Estos contenedores permiten crear una estructura visual y lógica en una página web, lo que
facilita la organización del contenido y su estilo mediante CSS, así como también la
manipulación y acceso al contenido mediante JavaScript.