×

Contáctanos

  • Chat en vivo
  • Envíanos un email
Llámanos
  • USA
    +213.493.6558
  • México
    +52.55.3300.5177
  • Colombia
    +57.1638.6408
  • Guatemala
    502.6629.8650
  • España
    +34.91.255.8876
  • Argentina
    +54.1159.842574
  • Chile
    +(56)2257.09507
  • Brasil
    +55.11.2246.2778

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

Dec 20 2010, 02:51 PM

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!

 

Publicado en Sugerencias & Recursos

Blogs Relacionados