Estructura y Etiquetas Básicas

Las etiquetas HTML vienen en pares: una de apertura (<p>) y una de cierre (</p>). El contenido va entre ambas. Algunas etiquetas son auto-cerradas porque no tienen contenido interior (<img />, <br />, <input />). Los atributos dentro de la etiqueta de apertura agregan información extra como src, href, class, id o alt.

Los encabezados van de h1 a h6 en orden de importancia. h1 debe usarse una sola vez por página (el título principal) y los demás forman una jerarquía. Esta jerarquía importa para SEO: los motores de búsqueda la usan para entender de qué trata tu página y cómo está organizada.

<!-- Encabezados (h1 al h6) -->
<h1>Título principal - el más importante</h1>
<h2>Subtítulo</h2>
<h3>Sección de tercer nivel</h3>

<!-- Párrafos y formato -->
<p>Soy un párrafo de texto.</p>
<strong>Texto en negrita - importante</strong>
<em>Texto en cursiva - énfasis</em>
<br> <!-- Salto de línea -->
<hr> <!-- Línea horizontal -->

<!-- Listas -->
<ul>
  <li>Lista sin orden (viñetas)</li>
  <li>Otro elemento</li>
</ul>
<ol>
  <li>Lista ordenada (números)</li>
  <li>Segundo elemento</li>
</ol>