Lenguaje de marcas
Formato HTML
- El formato del texto
- Etiquetas que dan formato al texto
- Ejemplo de uso
- Etiquetas que separan el texto
El formato del texto
El formato de texto es el marcado que se aplica a un texto para añadirle datos de forma.
Al texto resultante se le conoce como texto formateado, texto con estilos o texto enriquecido.
Encabezados de texto
Los motores de búsqueda utilizan los encabezados para indexar la estructura y el contenido de las páginas web.
Los usuarios hojean las páginas por sus títulos. Es importante utilizar encabezados para mostrar la estructura del documento.
Los encabezamientos <h1> deben usarse para las partes principales, seguidos por <h2>, <h3>…
Nota: Usa encabezados solo para encabezados, no para hacer texto grande o en negrita.
| Etiqueta | Descripción | Ejemplo | Utilización |
|---|---|---|---|
| <h1> | Encabezado tipo 1 | Encabezado tipo 1 |
<h1>Encabezado tipo 1</h1> |
| <h2> | Encabezado tipo 2 | Encabezado tipo 2 |
<h2>Encabezado tipo 2</h2> |
| <h3> | Encabezado tipo 3 | Encabezado tipo 3 |
<h3>Encabezado tipo 3</h3> |
| <h4> | Encabezado tipo 4 | Encabezado tipo 4 |
<h4>Encabezado tipo 4</h4> |
| <h5> | Encabezado tipo 5 | Encabezado tipo 5 |
<h5>Encabezado tipo 5</h5> |
| <h6> | Encabezado tipo 6 | Encabezado tipo 6 |
<h6>Encabezado tipo 6</h6> |
Etiquetas que dan formato al texto
HTML define elementos especiales para dar significado al texto.
HTML utiliza elementos como <b> y <i> para formato visual.
| Etiqueta | Descripción | Ejemplo | Utilización |
|---|---|---|---|
| <b> | Texto en negrita | Este texto está en negrita | <b>Texto</b> |
| <i> | Texto en cursiva | Este texto está en cursiva | <i>Texto</i> |
| <strong> | Texto importante | Texto importante | <strong>Texto</strong> |
| <em> | Texto enfatizado | Texto enfatizado | <em>Texto</em> |
| <small> | Texto pequeño | Texto pequeño | <small>Texto</small> |
| <sup> | Superíndice | Texto superíndice | <sup>Texto</sup> |
| <sub> | Subíndice | Texto subíndice | <sub>Texto</sub> |
| <ins> | Texto insertado | Texto insertado | <ins>Texto</ins> |
| <u> | Subrayado | Texto subrayado | <u>Texto</u> |
| <s> | Tachado | <s>Texto</s> | |
| <del> | Texto eliminado | <del>Texto</del> | |
| <mark> | Texto marcado | Texto marcado | <mark>Texto</mark> |
Nota: <strong> y <em> tienen significado semántico, no solo visual.
Ejemplo de uso
Texto en negrita y resaltado
Teoría de la relatividad: E=mc2
Molécula del agua H2O
HTML (HyperText Markup Language)
W3C (World Wide Web Consortium)
Etiquetas que separan el texto
<p> separa texto añadiendo espacio antes y después.
<br> inserta un salto de línea sin iniciar un nuevo párrafo.
<pre> conserva espacios y saltos de línea.
| Etiqueta | Descripción | Visualización | Utilización |
|---|---|---|---|
| <p> | Párrafo |
Esto es un párrafo Esto es otro párrafo |
<p>Texto</p> |
| <br> | Salto de línea | Texto Texto |
<br> |
| <pre> | Texto preformateado | Texto preformateado |
<pre>Texto</pre> |
Nota: Usa <pre> para mostrar código o formato especial.