Formato de texto con HTML

Elige como decorar y visualzar los textos de tu sitio.

Formato básico del texto

HTML nos permite definir el formato de visualización del texto en la pantalla.

Muy útil para cuando queramos resaltar o enfatizar una un texto en especial.

También muy usado para subrayar o escribir subíndices o superíndices.

Estos son solo algunos ejemplos de lo que podemos hacer con estos elementos

Para ello utilizamos las siguientes etiquetas:

Código

Texto en negrita
<big>Texto grande</big>
Texto enfatizado
Texto en itálica
Texto pequeño
Texto fuerte
Texto subíndice
Texto superíndice
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>

Resultado

Texto en negrita   Texto normal
Texto grande   Texto normal
Texto enfatizado   Texto normal
Texto en itálica   Texto normal
Texto pequeño   Texto normal
Texto fuerte   Texto normal
_{Texto subíndice}   Texto normal
^{Texto superíndice}   Texto normal
Texto subrayado   Texto normal
~~Texto tachado~~   Texto normal
Texto teletipo   Texto normal

Etiquetas para dar forma al texto

Etiquetas	Descripción
<b>	Define un texto en negrita
<big>	Define un texto grande
<em>	Define un texto enfatizado
<i>	Define un texto en itálica
<small>	Define un texto pequeño
<strong>	Define un texto fuerte
<sub>	Define un texto subíndice
<sup>	Define un texto superíndice
<ins>	Define un texto subrayado
<del>	Define un texto tachado
<tt>	Define un texto de teletipo
<s>	Define un texto tachado. Desaprobado. Use <del> en su lugar
<strike>	Define un texto tachado. Desaprobado. Use <del> en su lugar
<u>	Define un texto subrayado. Desaprobado. Use <ins> en su lugar

Etiquetas de "Texto estructurado"

Estas estiquetas son usadas comunmente para mostrar códigos de programación.

Etiquetas	Descripción
<code>	Define un texto en código de computadora
<kbd>	Define un texto del teclado
<samp>	Define un texto ejemplo de código de computadora
<var>	Define una variable
<pre>	Define un texto preformateado
<listing>	Desaprobado. Use <pre> en su lugar
<plaintext>	Desaprobado. Use <pre> en su lugar
<xmp>	Desaprobado. Use <pre> en su lugar

Etiquetas de citaciones y definiciones

Etiquetas	Descripción
<abbr>	Indica una forma abreviada (p.ej., WWW, HTTP, etc.)
<acronym>	Indica un acrónimo (p.ej., WAC ,radar, autobús, etc.)
<address>	Define la información sobre el autor
<bdo>	Define la dirección del texto (p.ej., de izq. a der., de der. a izq.)
<blockquote>	Designa una cita larga
<q>	Designa una cita corta
<cite>	Contiene una cita o una referencia a otras fuentes
<dfn>	Indica que aquí es donde se define el término encerrado

¿No encuentras lo que buscas?

<<< Etiquetas básicas de HTML Caracteres especiales en HTML >>>

Artículos

Los mejores 10 hostings

Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los 10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto, he decidido investigar cual era la mejor. continúe leyendo...

Búsqueda

Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

webmaster@virtualnauta.com

Mapa del sitio

HTML

Básico

Colores

Avanzado

Ejemplos y Examen

Guías de referencia