Saltar al contenido principal

Elementos fundamentales en HTML

Elementos fundamentales en HTML

Descubre los elementos fundamentales de HTML como encabezados, párrafos, listas, enlaces e imágenes. Aprende a estructurar correctamente tus páginas web con ejemplos claros y prácticos.

Elementos y etiquetas comunes

HTML utiliza etiquetas para definir la estructura y el contenido de una página web. Cada etiqueta tiene un propósito específico y se compone de una etiqueta de apertura y una etiqueta de cierre. Las etiquetas pueden contener atributos que proporcionan información adicional sobre el elemento.

Contenedores

Los contenedores son elementos que agrupan otros elementos. El más común es <div>, que se utiliza para crear secciones en una página.

HTML
<div>
<h1>Título de la Sección</h1>
<p>Este es un párrafo dentro de un contenedor.</p>
</div>

Encabezados

Se utilizan para títulos y subtítulos. Van desde <h1> (el más importante) hasta <h6> (el menos importante).

HTML
<h1>Título Principal</h1>
<h2>Subtítulo</h2>

Párrafos

Se crean con la etiqueta <p>.

HTML
<p>Este es un párrafo de texto.</p>

La etiqueta <span> es un contenedor en línea que se utiliza para textos especiales, para envolver una parte de un texto o una parte de un documento.

HTML
<p>Este es un <span style="color:blue">ejemplo</span> de etiqueta span.</p>

Enlaces

Se crean con la etiqueta <a> y se utilizan para navegar entre páginas.

HTML
<a href="https://www.ejemplo.com">Visita Ejemplo</a>

Imágenes

Se insertan con la etiqueta <img>.

HTML
<img src="imagen.jpg" alt="Descripción de la imagen" />

Atributos

Los atributos proporcionan información adicional sobre los elementos. Se colocan dentro de la etiqueta de apertura.

href

Usado en la etiqueta <a> para definir la URL del enlace.

HTML
<a href="https://www.ejemplo.com">Visita Ejemplo</a>

src

Usado en la etiqueta <img> para definir la ruta de la imagen.

HTML
<img src="imagen.jpg" alt="Descripción de la imagen" />

alt

Proporciona texto alternativo para las imágenes, importante para la accesibilidad.

HTML
<img src="imagen.jpg" alt="Descripción de la imagen" />
Recursos