Cómo Alinear Una Mesa

Tabla de contenido:

Cómo Alinear Una Mesa
Cómo Alinear Una Mesa

Video: Cómo Alinear Una Mesa

Video: Cómo Alinear Una Mesa
Video: Cómo estabilizar la pata de una mesa 2024, Mayo
Anonim

Al crear sitios que utilizan el popular y sencillo lenguaje HTML, existen ciertas reglas para el diseño y alineación de tablas. No es raro que la tabla que ha colocado en la página se mueva y, por lo tanto, deba estar centrada en la página, o hacia la izquierda o hacia la derecha para ajustarse al diseño general de la página. De forma predeterminada, una tabla en HTML está alineada a la izquierda y, por lo tanto, necesita conocer las etiquetas con las que puede reposicionarla.

Cómo alinear una mesa
Cómo alinear una mesa

Instrucciones

Paso 1

Para alinear la tabla en el centro de la página web, use el atributo presente en la etiqueta de la tabla. Para alinear la tabla a la derecha, use el atributo en consecuencia. Para alinear a la izquierda de la página, cambie el valor del atributo a la izquierda.

Paso 2

Además de la tabla en sí, también puede alinear el contenido de sus celdas, horizontal o verticalmente. Para alinear horizontalmente el contenido de las celdas de la tabla, use el atributo de alineación de la etiqueta tr con el valor apropiado. Para las celdas, aplíquelo a la etiqueta td.

Paso 3

Experimente con diferentes alineaciones de filas en diferentes celdas: puede alinear el texto en una celda de la tabla hacia el centro y hacia la derecha o la izquierda en otra.

Paso 4

Para alinear el texto verticalmente, use los atributos de las etiquetas tr y td para colocar el contenido en la parte superior de la celda. Para colocar el contenido en la línea media de la celda, cambie el valor de arriba hacia el medio, y para alinear con la parte inferior de la celda, cambie el valor a la parte inferior. También puede alinear el contenido con la línea de base (valor de línea de base).

Paso 5

Al ajustar la alineación del contenido de las celdas tanto horizontal como verticalmente, puede darle a la tabla exactamente el aspecto que debería tener cuando esté terminada en su página web.

Recomendado: