¡Hola a tod@s! Hoy volvemos con la segunda parte del tutorial de los códigos básicos de HTML. En esta parte voy a explicaros como dar formato, color y alinear el texto para que vuestros posts no sean una parrafada simple y poco llamativa.
Como ya dije la vez anterior, recordad poner la vista de la entrada en HTML y a partir de ahí ya podemos empezar.
Dar formato al texto es la cosa más sencilla del mundo, y muy útil, ya que sabiendo esto podréis resaltar partes importantes o hacer más llamativas palabras o frases en vuestras entradas. Primero deciros que hay tres formatos de texto, que seguro que tod@s conocéis, son negrita, cursiva y subrayado.
NEGRITA
El código para poner la letra en negrita es <b> de Bold.<b> Vuestro texto en negrita. </b>
Vuestro texto en negrita.
CURSIVA
El código para poner la letran en cursiva es de Italic. <i> Vuestro texto en cursiva. </i>
Vuestro texto en cursiva.
SUBRAYADO
El código para subrayar un texto es <u> de Underline.
<u> Vuestro texto en subrayado. </u>
Vuestro texto subrayado.
Para dar color al texto hay que hacer lo mismo que para dar formato solo que añadiendo un código de color.
<font color="EL CODIGO DEL COLOR ELEGIDO">Versión colorida de vuestro texto.</font>
Para el ejemplo he escogido el código de color #ff6643, que corresponde a un morado clarito.
<font color="#ff6643">Versión colorida de vuestro texto.</font>
Versión colorida de vuestro texto.
Aquí voy a explicaros como podéis alinear el texto de vuestras entradas de cuatro maneras diferentes.
JUSTIFIED
Con este tipo de alineación el texto ocupará toda la línea de la entrada, es el más usado y el que nosotras usamos en el blog. Los textos alieneados de esta manera quedan muy organizados y son muy fáciles de leer.<p align="justified">Esto es un ejemplo de texto alineado con el código para justified. Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.</p>
Esto es un ejemplo de texto alineado con el código para justified. Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.Esto es un ejemplo de texto alineado con el código para justified.
CENTRADO
Con la alineación central todo el texto que escribáis de "organizara", por decirlo de alguna manera, y aparecerá de manera centrada. Este tipo esta bien usarlo si queremos títulos dentro de nuestra entrada para separar cosas.
<p align="center">Esto es un ejemplo de texto con alineación centrada.</p>
Esto es un ejemplo de texto con alineación centrada.
DERECHA
La alineación a la derecha hará que todo el texto que escribáis este pegado al margen derecho de vuestra entrada.
<p align="right">Esto es un ejemplo de texto alineado a la derecha.</p>
Esto es un ejemplo de texto alineado a la derecha.
IZQUIERDA
La alineación a la izquierda hará que todo el texto que escribáis este pegado al margen izquierdo de vuestra entrada.<p align="left">Esto es un ejemplo de texto alineado a la izquierda.</p>
Esto es un ejemplo de texto alineado a la izquierda.
¡Y ya hemos terminado! Espero que os sea útil y lo pongáis en práctica y si os perdisteis la primera parte del turorial podéis encontrarla pinchando aquí.
¡Y ya hemos terminado! Espero que os sea útil y lo pongáis en práctica y si os perdisteis la primera parte del turorial podéis encontrarla pinchando aquí.
CREDITOS DEL POST
Autor: Maria C. Diaz
Encuéntrame en: Twitter // Tumblr // Instagram
No hay comentarios:
Publicar un comentario