1.2 Texto y enlaces¶

Títulos y párrafos¶

<h1>Título principal</h1>      <!-- solo uno por página -->
<h2>Sección</h2>
<h3>Subsección</h3>            <!-- hasta h6 -->
<p>Un párrafo de texto.</p>
<br>                            <!-- salto de línea -->
<hr>                            <!-- línea horizontal -->

Los títulos son jerarquía, no tamaño

Usa h1…h6 por el nivel del contenido, no para hacer letras grandes (eso es trabajo del CSS).

Dar énfasis al texto¶

Etiqueta	Significa
`<strong>`	Importante (negrita)
`<em>`	Énfasis (cursiva)
`<sub>` / `<sup>`	Subíndice / superíndice
`<del>` / `<ins>`	Texto eliminado / añadido
`<small>`	Letra pequeña (notas legales)
`<code>` / `<kbd>`	Código / tecla
`<pre>`	Respeta espacios y saltos de línea

Enlaces¶

<a href="https://developer.mozilla.org/">Documentación de MDN</a>

Tipo de enlace	`href`
Otra web (absoluto)	`https://...`
Otra página de tu web (relativo)	`contacto.html` · `carpeta/pagina.html`
Un punto de la misma página	`#identificador` (el elemento lleva `id="identificador"`)
Correo / teléfono	`mailto:...` · `tel:...`

Abrir en otra pestaña

target="_blank" abre en una pestaña nueva. Los navegadores actuales ya aplican noopener por defecto a estos enlaces, pero escribir rel="noopener" sigue siendo buena costumbre (y es necesario en navegadores antiguos).