Header Ads

Alinear tablas en HTML

La alineación de tablas en HTML, nos permite mover la tabla a lo largo de nuestra pagina web alineándola horizontalmente con respecto a su entorno.
Al igual que la alineación de texto y demás objetos HTML,La alineación de tablas también esta dada por el atributo "align" que es colocado dentro de la etiqueta <table>. El código quedaría de la siguiente manera : <table align="">, entre las comillas ponemos la ubicación que le queremos dar a nuestra tabla. Para mejor entendimiento veremos 3 ejemplos :

Código HTML :
                                            En el código siguiente , cambiar la ubicación del atributo align, por la que deseemos



En el primer ejemplo usaremos <table align="left"> .

Resultado: 



Objeto1.1 Objeto1.2 Objeto1.3
Objeto2.1 Objeto2.2 Objeto2.3
Objeto3.1 Objeto3.2 Objeto3.3

Hay que tener bien en claro que la alineación por defecto ya sea de textos, tablas, etc, siempre esta ubicada a la izquierda. Por eso en este ejemplo al poner align="left" vemos que la alineación es la misma si es que esta no se nombraría.

Ahora usaremos <table align="center">

Resultado:


Objeto1.1 Objeto1.2 Objeto1.3
Objeto2.1 Objeto2.2 Objeto2.3
Objeto3.1 Objeto3.2 Objeto3.3

Ahora observamos que al colocar align="center" nuestra tabla se ubica en la parte céntrica, ahora usaremos :
<table align="right"> 

Resultado:



Objeto1.1 Objeto1.2 Objeto1.3
Objeto2.1 Objeto2.2 Objeto2.3
Objeto3.1 Objeto3.2 Objeto3.3

Ahora en este ejemplo observamos nuestra tabla alineada hacia la derecha, es importante tener siempre en cuenta que las alineaciones de cualquier objeto HTML, siempre están denominadas por:
left=izquierda,  center=centro, right=derecha.







2 comentarios:

  1. Gracias, me sirvió de gran ayuda. Un saludo

    ResponderEliminar
    Respuestas
    1. De nada espero que sigas viniendo para nuevos cursos que tenemos en nuestro blog

      Eliminar