Diccionario Visual de HTML

Aprende las etiquetas fundamentales con ejemplos reales

1. Títulos (Headings)

Se usan para jerarquizar el contenido, desde el <h1> (más importante) hasta el <h6>.

Este es un H1

Este es un H2

Este es un H3

<h1>Este es un H1</h1>
<h2>Este es un H2</h2>

2. Texto y Formato

La etiqueta <p> define párrafos, mientras que <strong> y <em> dan énfasis.

Este es un párrafo normal. Aquí hay texto en negrita (strong) y aquí texto en cursiva (em).

<p>Este es un párrafo con <strong>negrita</strong>.</p>

3. Listas

Pueden ser desordenadas (<ul>) o ordenadas (<ol>).

Lista Desordenada:

Lista Ordenada:

  1. Primer paso
  2. Segundo paso
<ul>
  <li>Elemento</li>
</ul>

4. Tablas

Se construyen con <table>, filas <tr> y celdas <td> o encabezados <th>.

Tecnología Función
HTML Estructura
CSS Diseño
<table>
  <tr>
    <th>Título</th>
    <td>Dato</td>
  </tr>
</table>

5. Multimedia y Enlaces

Usa <a> para hipervínculos y <img> para imágenes.

Esto es un enlace a Google

Imagen de ejemplo:

Ejemplo de imagen
<a href="url">Texto del enlace</a>
<img src="imagen.jpg" alt="descripción">