HTML Básico

Inicio / Tema / HTML Básico / Elementos de Texto en HTML

Elementos de Texto en HTML

Encabezados (`<h1>` a `<h6>`)

HTML proporciona seis niveles de encabezados, desde <h1> (el más importante) hasta <h6> (el menos importante). Los encabezados ayudan a estructurar el contenido y hacer que la jerarquía de la información sea más clara para los usuarios y motores de búsqueda.

html

"Este ejemplo muestra los seis niveles de encabezado en HTML, donde el tamaño y la importancia disminuyen desde el h1 hasta el h6."

Párrafos (`<p>`)

La etiqueta <p> se utiliza para crear párrafos de texto. Cada párrafo estará separado por un espacio en la página.

html

"Los párrafos en HTML se crean con la etiqueta p. En este ejemplo, tenemos dos párrafos que serán visualmente separados por un espacio."

Énfasis e Importancia (`<em>`, `<strong>`)

HTML tiene etiquetas para agregar énfasis y destacar la importancia de ciertas palabras o frases. La etiqueta <em> proporciona un énfasis, mientras que <strong> indica una importancia o urgencia.

html

"En este ejemplo, el texto dentro de la etiqueta em se verá en cursiva, mientras que el texto dentro de strong se verá en negrita."

Saltos de Línea (`<br>`)

La etiqueta <br> se utiliza para insertar un salto de línea sin iniciar un nuevo párrafo. Es útil para listas de direcciones o poesía donde se requiere un formato de texto continuo.

html

"Aquí se muestran tres líneas de texto continuo en el mismo párrafo, separadas por saltos de línea con la etiqueta br."

Reglas Horizontales (`<hr>`)

La etiqueta <hr> crea una línea horizontal para dividir secciones de contenido. No tiene cierre y se puede usar para separar temas o secciones.

html

"La línea horizontal, o hr, crea una división visual entre secciones. En este caso, divide dos párrafos de texto."

Citas (`<blockquote>`, `<q>`)

Para citar contenido externo o destacar citas, HTML utiliza <blockquote> para citas largas y <q> para citas breves en línea.

html

"Aquí, usamos blockquote para una cita larga que se visualiza de manera destacada. En el segundo párrafo, usamos la etiqueta q para una cita breve en línea."

Formato de Código (`<code>`, `<pre>`, `<kbd>`, `<samp>`, `<var>`)

HTML también ofrece etiquetas para mostrar código y texto técnico. La etiqueta <code> es para fragmentos de código en línea, <pre> preserva el formato del texto, <kbd> representa entrada de usuario, <samp> muestra la salida, y <var> indica una variable.

html

"Este bloque de código muestra el uso de varias etiquetas. El pre y el code permiten mostrar el código fuente con el formato original. El kbd indica teclas, samp muestra la salida y var denota una variable en el texto."

Cierre del Capítulo

Ahora que conoces los elementos básicos para dar formato al contenido de texto en HTML, puedes estructurar y destacar información de manera efectiva en tus páginas web. En el próximo capítulo, aprenderemos sobre listas y cómo agrupar contenido de diferentes maneras.

Volver al capítulo anterior

Marcar como leìdo y continuar