Texto justificado html
Bueno en este segundo post vamos a ver como se utilizan ciertos atributos de etiquetas para comenzar a maquetar y diseñar nuestro html de tal forma que vayamos dando una mejor visualización a nuestro sitio.
En el anterior artículo estuvimos hablando de como hacer una pagina html, y aprendimos a manejar y a escribir la estructura básica que debe contener un documento .html, recordemos:
<html>
<head>
<title></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″>
</head>
<body>
</body>
</html>
Ahora que ya hemos recordado, vamos a ver unas nuevas etiquetas y nuevos atributos que nos ayudaran a acomodar el texto. Vamos a aprender:
Cuando queramos aplicar un estilo por ejemplo texto justificado html o centrado o a la izquierda o a la derecha el texto a todo el documento o cuerpo del mensaje, debemos hacer lo siguiente:
En la etiqueta body vamos a agregar este parámetro:
style=»text-align: justify;» ——> es para justificar el texto
style=»text-align: center;» ———> es para centrar el texto
style=»text-align: left;» ——> es para llevar el texto a la izquierda
style=»text-align: right;» ———> es para llevar el texto a la derecha.
Como agregamos este parámetro, así: <body style=»text-align: justify;»> y el resto queda igual. Ejemplo:
<html>
<head>
<title></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″>
</head>
<body style=»text-align: justify;»>
Estamos realizando una pequeña prueba para dar a conocer el funcionamiento del código que se está implementando y observar como se justifica este texto que estoy leyendo a través del explorador que me lo está mostrando.
</body>
</html>
Ya para realizarlo en un párrafo, debes agregar lo siguiente antes del párrafo: <p style=»text-align: justify;»> y luego al finalizar el parrafo: </p>. Es decir:
<html>
<head>
<title></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″>
</head>
<body>
<p style=»text-align: justify;»>
Este es el parrafo 1. Estamos realizando una pequeña prueba para dar a conocer el funcionamiento del código. Es importante recordar que debes practicar para no olvidar el conocimiento que has adquirido.
</p>
Este es el parrafo 2. Este código se está implementando y observar como se justifica este texto que estoy leyendo a través del explorador que me lo está mostrando.
</body>
</html>
Guarda y verificas los ejemplos, luego trata de realizarlo cambiando los valores a center a left, etc. Para que vayas practicando como hacer texto justificado html. Espero que te haya gustado este post, nos vemos despues. Gracias.