Etiquetas: email editor

Consejos y Trucos HTML # 3 – Alineación de Encabezados y Separaciones

Consejos y Trucos HTML # 3 – Alineación de Encabezados y Separaciones

Más Allá • 20 de diciembre de 2010

Que es HTML? HTML es el acrónimo en inglés de (HyperText Markup Language), que se traduce al español como Lenguaje de Marcas Híper textuales. Es utilizado por la mayoría de páginas web, especialmente aquellos que utilizan protocolos de transferencia de hipertexto HTML es el código de programación que se traduce en las imágenes que usted ve, la incorporación de videos e imágenes y guiones, estructurar el contenido de una página y proveen el principal soporte para el software de Benchmark Email. Para codificar el texto dentro de su email se utilizan los elementos HTML llamados etiquetas. Estas etiquetas se encuentran encerradas entre corchetes. Por ejemplo, <h1> es la etiqueta de inicio para una fuente grande del encabezado. Al final del encabezado ponemos una etiqueta de cierre, que incluye una barra diagonal </ h1>. Utilizamos estos en nuestro primer blog de HTML de Consejos y Trucos y vamos a estar con ellos otra vez hoy. El editor de Benchmark Email se encarga de casi todas sus necesidades de HTML. Pero para aquellos de ustedes que les gusta ver cómo el código se transforma en sus boletines encantadores, abra su editor de email y vamos a llegar a ellos. Hoy vamos a manejar el formato de alineación y separaciones de línea. Primero, abra su editor de email (Paso 4 al crear un nuevo email) y elija una plantilla, preferiblemente una que no tenga demasiados colores o diseños locos agregados. Busque la sección que desea editar y haga clic en el icono del lápiz en la esquina superior izquierda. Elimine todo el cuerpo del texto. Esto es para que tenga menos códigos para limpiar cuando empiece a experimentar con su propio código HTML. Haga dos títulos y deje un espacio entre ellos. De este modo: Ahora vaya a su recuadro de diálogo Inserte los elementos adicionales y mire más allá de los vínculos sociales. Haga clic en el botón Ver Código para acceder a su HTML. Este es el código HTML. Para aquellos de ustedes que trabajan con el código, se dará cuenta de que el HTML es ahora un código de colores. Esta es una nueva característica de la que hablaremos más la próxima semana. Por ahora, estudie este código y se dará cuenta de que es una etiqueta importante. Ve nuestros dos títulos? Ya no hay un espacio entre ellos, pero dos etiquetas <br>. Las funciones de etiquetas <br> como un espacio. Imagínese que cada vez que ve un <br> la computadora está presionando la tecla Enter. A menudo puede ver una etiqueta <p>, que designa un nuevo párrafo, pero <br> (que designa una separación de línea) funciona mejor en el Editor de Benchmark. <br> le dará un espacio único en vez de que algunas veces abra la etiqueta <p>. La semana pasada hablamos sobre la forma de centrar el texto mediante el <center> y etiquetas</ center>. Mientras este método funcionará en muchos extremos en la parte final, una etiqueta más específica le permitirá modificar el tamaño de su texto y la función en todos los editores de HTML. Busque la etiqueta <br> frente a su primer encabezado. Después de la etiqueta <br>, escriba <h? style=\"text-align: center;\"> y ponga </h?>  en la parte final de la frase. Vea a continuación: Usted notará que sustituimos la h con H2. Para aquellos de ustedes que no leyeron nuestro HTML Consejos y trucos # 1, la h las etiquetas controlan el tamaño del encabezado (entre 1 a 6). Voy a dejar que decida el tamaño que quiere para su encabezado. Pero ¿qué pasa con este nuevo código? Funciona igual que la de la semana pasada la etiqueta <center>, ahora nos da el ajuste adicional del tamaño del encabezado. Vea los resultados a continuación: Si usted no ve los mismos resultados, asegúrese de que no está dejando ningún espacio entre el texto de su partida y los corchetes angulares. Además, es importante que el número que coloque junto a la <h> sea el mismo en ambos lados. Si utiliza <h2 style=> para empezar la etiqueta debe cerrar el código con </ h2> después del punto del encabezado. Para nuestro siguiente encabezado usaré <h3> para indicar el cambio de tamaño. Para hacer un alineado a la izquierda, simplemente reemplace el centro con la izquierda. Ahora sus paginas se ven así: Naturalmente, hay que hacer la partida justificada a la derecha, basta con sustituir \"izquierda\" con \"derecha\" después de alineado de texto. Ahora, ¿qué pasa con una división para compensar la cabecera del resto del texto? Para obtener algo como esto: Sólo tiene que abrir su código Ver y escribir <hr>  después de alinear las etiquetas. Es así de simple. La etiqueta <hr> le da una línea horizontal debajo de su partida. Si se coloca después de la etiqueta <br> la primera línea estaría un espacio por debajo. Espero que estos códigos básicos hayan sido útiles hasta ahora. La próxima semana vamos a cubrir los diferentes tipos de hipervínculos. Hasta entonces y que tenga una ¡feliz codificación!


Leer más
Consejos y Trucos HTML #2 – Fuente Básica de Atributos

Consejos y Trucos HTML #2 – Fuente Básica de Atributos

Más Allá • 14 de diciembre de 2010

Que es HTML HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Marcas Híper textuales. Casi todas las páginas web que ha visitado alguna vez las utiliza y es el formato de programación que se traduce en bruto en las imágenes que usted ve. Sirve para varios propósitos, incrustación de videos y las imágenes y secuencias de comandos, estructurando el contenido de una página y mantiene acorralado a SkyNet. Para codificar el texto dentro de sus correos en los que utiliza los elementos HTML llamadas etiquetas. Estas etiquetas se encuentran encerradas entre corchetes. Por ejemplo, <h1> es la etiqueta de inicio para una fuente grande de encabezado. Al final del encabezado ponemos una etiqueta de cierre, que incluye una barra diagonal </ h1>. El editor de Benchmark Email cubre casi todas sus necesidades de HTML. Pero para aquellos de ustedes que les gusta el interior de la máquina y ver lo que la hace funcionar, hoy vamos a meternos con los atributos de nuestra fuente. Por ahora sólo tendremos que cubrir lo básico. Primero abra su editor de correo electrónico (Paso 4 creando un nuevo correo electrónico) y elegir una plantilla. Preferiblemente uno que no tenga demasiados colores o diseños locos que ya han sido agregados. Busque la sección que desea editar y haga clic en el icono del lápiz en la esquina superior izquierda. Al igual que antes, vamos a eliminar el texto. Todo lo que queremos ahora es centrarnos en  obtener el código HTML para hacer su trabajo. Más texto solo acabara confundiendo la imagen. Ahora escriba un título breve. Vaya a la barra de herramientas de la izquierda para acceder a sus Opciones de Formato de Texto. En la parte inferior de la barra de herramientas debajo de los enlaces de la red social está el botón Ver código. Haga click en este para echar un vistazo al código fuente del documento. Y aquí tenemos a nuestro código HTML (con códigos de color para su conveniencia). Nuestro título invernal se encuentra dentro de las etiquetas como un regalo de Navidad de Shakespeare. Vamos a hacer la frase un poco vistosa de acuerdo? Primero, vamos a poner negrita la fuente. Para ello, basta con colocar una etiqueta en cada extremo de la frase, empezando con <B> y terminando con </ B>. De este modo: Haga clic en Guardar y Cerrar y ahora debería ver esto: Es así de simple. Para poner en cursiva, intente colocar la frase entre <i> y </ i>. Para lograrlo: Estas etiquetas son bastante intuitivas. Para un último consejo, ¿puede adivinar cómo centrar el texto? Pan comido! Escriba <center> al principio del texto, luego escriba </ center> al final. Ahora que ya ha iniciado, trate de experimentar con otros atributos de fuente. Con un poco de perseverancia encontrará usted que sabe más de lo que pensaba!


Leer más