Hacer una newsletter con HTML

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de HTML

29.  
30.  
33.  
36.  
51.  
  • Utiliza tablas para la maquetación global. Intenta evitar los divs.
  • Supón un ancho de documento de 500-600px
  • Escribe el CSS inline.
  • No uses margins ni paddings. Usa celdas de relleno con width y height.
  • Para centrar una tabla horizontalmente pondremos align=»center» a la tabla que queremos centrar.
  • Para centrar el contenido de una celda, pondremos valign=»top» a esa celda.
  • Utiliza una ruta externa para las imágenes, no las adjuntes.
  • Evita Flash y Javascript.
  • Usa img en lugar de background-image.
  • Newsletter maker: Campaignmonitor.com
  • Los dispositivos ios convierten automáticamente ciertos textos (fechas y números de teléfono) en links. Para evitar que el navegador reconozca estos elementos como teléfonos o texto, podemos insertar un elemento de ancho zero entre medias:
    M​arch 30, 2013
  • Un enlace interesante para probar nuestros mails: premailer
  • El atributo valign=»top», aunque obsoleto, en maquetación de newsletters es útil para colocar el contenido de una celda en la parte superior.
  • El último gestor de correo más complicado para hacer las newsletter compatibles y que sin embargo esta muy extendido fue el outlook 2019. Si la newsletter se ve bien ahí, creo que debería verse bien en todos lados.

Ejercicio newsletter

Hacer la siguiente newsletter. Para ello propongo hacer dos tablas para la estructura global. Estas tablas pueden tener a su vez más tablas en su interior. Una tabla será para el bloque pablomonteserín y otra para el bloque novedades y cursos.

← Tablas en HTML
Estilos en línea →