Como alinear los textos y las imágenes

#1

Aquí vamos aprender a alinear los textos y las imágenes en tus mensajes y temas.

1. Alineando textos

Para alinear los textos debes usar códigos de HTML vamos a usar los codigos de: P y ALIGN.

Observa bien y practica en el foro de practicando en los foros.

Dirección de la alineación:
Usa una de estas direcciones "left, center o right" para ordenar al texto su localización donde quieres que aparezca.

<p align="left"> si quieres que el texto aparezca a la izquierda </p>
<p align="center"> si quieres que el texto aparezca al centro </p>
<p align="right"> si quieres que el texto aparezca a la derecha. </p>

Códigos para textos con color:

<p align="left"><font color="red">Test</p></font>
<p align="left"><font color="blue">Test</p></font>
<p align="left"><font color="green">Test</p></font>

Códigos para textos sin Color:

<p align="left">test</p>
<p align="center">test</p>
<p align="right">test</p>


Resultados con ejemplos:

texto aparezca a la izquierda


texto aparezca al centro


texto aparezca a la derecha

26 me gusta

Sept, 7: Ya puedes alinear tus imágenes y textos
Como poner color a tus textos
Mi tema de práctica
(¯´❤✿.•Mis links•.✿❤´¯) no escribir por favor
♥Ƹ̵̡Ӝ̵̨̄Ʒ♥ Asistencia del Lunes 10/26 ♥Ƹ̵̡Ӝ̵̨̄Ʒ♥
Enlaces directos de cómo usar las opciones de la plataforma
Chicas compartan please
Temas guardados de sugar dolls no escribir por favor
Hello Forito me pueden ayudar pl
Practicando
#2

2. Alineando las Imágenes

Para alinear las imágenes vamos a usar el DIV y ALIGN.

Copy y paste la imagen del Internet, sube la imagen de tu PC o copia el URL de la imagen, cualquiera de las tres formas funciona.

Códigos:

Usamos los mismos que usamos para alinear los textos. El "left" para la izquierda, el "center" para que aparezca al centro y el "right" para la derecha.

<div align="center"><img src="/uploads/default/original/3X/3/b/3b6c10b5d3f138dab2b7a63731897d543e2604ff.png"></ div>

<div align="left"><img src="/uploads/default/original/3X/3/b/3b6c10b5d3f138dab2b7a63731897d543e2604ff.png"></ div>

<div align="right"><img src="/uploads/default/original/3X/3/b/3b6c10b5d3f138dab2b7a63731897d543e2604ff.png"></ div>
Resultado:


22 me gusta

Como poner color a tus textos
(Mujer que no se rinde y no deja de soñar ) #3

Wow, vamos avanzando, otra opción, gracias, enseguida me voy a practicas.

2 me gusta

#4

Gracias,me son de gran utilidad :wink:

1 me gusta

(rosa) #5

este me gusta en el centro..gracias por compartir

0 me gusta

(rosa) #6

perfecto ya aprendi muchas gracias...

1 me gusta

(👄) #7

woooooo! perfecto justo esto estaba buscando hoy, me encanta estamos progresando, Thank you aver si pronto nos permiten firmitas por lo pronto copy y paste jiji , saluditos.

0 me gusta

(Feliz mes de Abril Amas de Casa) #8

gracias ahora voy a practicar

0 me gusta

(Marco António solis y foro do Brasil) #9

[hola

hola

Buenos dias

[hola

Buenos dias

][1]

[FELIZ][1]

Eso si que hay que aumentar cada linea o párrafo por separado <*font color="blue">

Responder como tema enlazado

FELIS

DDDDDD

test

EU

]]]]]UJUJU

0 me gusta

#12

Gracias por los tipos.

0 me gusta

(Marco António solis y foro do Brasil) #14

hola<

[quote="taisbrasil, post:9, topic:14537"]
<p align="right"> si quieres que el texto aparezca a la derecha. </p>
[/q

SOY

QIERO

Test<

YO SOY MUY CA COMPETETIVA

Encabezado

YO TE AMO

Gracias

0 me gusta

(Marco António solis y foro do Brasil) #15

Como há o

TESTANDO

Testando

0 me gusta

(Marco António solis y foro do Brasil) #16

hola

Encabezado ##
hola
hola
hola
hola
hola
hola

red"GRACIAS

1 me gusta

#17

Muchas gracias...:grin:

0 me gusta

#18

Gracias @HelloForos ya lo puse en mis marcadores

0 me gusta

#19

ESTO ES LO QUE NECESITO, GRACIAS POR EL TUTO.

">
0 me gusta

(___♥_Marian_♥___) #20

Muchas Gracias

http://imagenesdeamistad.mx/wp-content/uploads/2015/06/Imágenes-de-Amistad-y-Agradecimiento-6.jpg

1 me gusta

(Tammy) #21

Que buen dato de HelloForos

Esto me hizo recordar los codigos html que Bueno!

Aprender es lo mejor

0 me gusta

(Visitame en el foro Sugar Dolls) #22

Test

0 me gusta

(Visitame en el foro Sugar Dolls) #23

0 me gusta