Saltar al contenido principal
Llámanos
Números telefónicos y horarios
Solicitar una llamada

Evita la espera. Haz una solicitud y te devolveremos la llamada

Solicitar una llamada
Centro de Ayuda

Explora nuestros recursos de ayuda en línea

Ayuda

GoDaddy Email Marketing Ayuda

Hicimos lo mejor que pudimos para traducir esta página para ti. La página en inglés también está disponible.

Trucos y consejos de HTML

A veces llegas a un punto en el que necesitas hacer un poco de personalización y agregar un pequeño fragmento de HTML es una buena manera de darle vida a una campaña. Hacemos hincapié en la importancia de no abusar de estos trucos y consejos de html. Si tienes que hacer muchos cambios de estilo, un estilo personalizado es el camino a seguir.

Además, ¡la precisión cuenta! Siempre asegúrate de estar usando los fragmentos de HTML correctamente. Revisa, busca errores tipográficos y prueba antes de enviar tu correo electrónico a tus suscriptores.

Ahora, a los trucos y consejos:

Cómo centrar el texto:

El código:

center > Esto centrará el título de mi sección /centro >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / center >

Antes (en modo de edición):
Código para centrar texto

Después (en modo de vista previa):
Visualización de texto centrado en modo de vista previa

Cómo cambiar el color de la fuente:

El código usando un nombre de color:

span style = "color: red"> ¡ Este texto debe destacarse! /span >

Usando un código hexadecimal: Puedes seleccionar un color aún más específico usando el código hexadecimal del color. Ese es un código de 6 caracteres que se ve así: #FF0000

Puedes encontrar una lista de códigos aquí o tomar el código exacto para un color en tu sitio web usando un programa selector de color.

span style = "color:#FF0000"> ¡ Este texto debe destacarse! /span >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / span >

Antes (en modo de edición):
Código para cambiar el color de la fuente

Después (en modo de vista previa):
Visualización de fuente de color cambiado

Cómo cambiar el tamaño de la fuente:

El código:

span style = "font-size: 30px">¡Texto grande! /span >

Ajusta el número de píxeles para cambiar el tamaño del texto. Un número más pequeño reduce el tamaño de la fuente y un número más grande lo hace más grande.

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / span >

Antes (en modo de edición):
Código para cambiar el tamaño de la fuente

Después (en modo de vista previa):
Visualización de fuentes de diferentes tamaños

Cómo cambiar el tipo de fuente:

El código:

span style = "font-family: verdana"> Texto de Verdana /span >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / span >

Antes (en modo de edición):
Código para cambiar la fuente

Después (en modo de vista previa):
Visualización de fuente cambiada

¡Ahora, pongámoslo todo junto!

El código:

span style = "font-family: verdana; color: blue; font-size: 30px"> ¡ Un texto azul que realmente se destaca! /span >

Antes (en modo de edición):
Código para combinado cambiado

Después (en modo de vista previa):
Visualización de cambios combinados

Cómo justificar el texto:

El código:

p style = "text-align: justify"> Ingresa el párrafo aquí /p >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / p >

Antes (en modo de edición):
Código para justificar texto

Después (en modo de vista previa):
Visualización de texto justificado

Siguiente paso

Más información