Cómo alinear texto en una tabla HTML

Cómo alinear texto en una tabla HTML


Una tabla HTML le permite organizar texto, imágenes y otros elementos en su página Web en filas y columnas. Cada sección de la tabla se llama una célula, y se define con el "<td>" etiqueta. El texto en cada celda se puede disponer tanto horizontal como verticalmente. El "alinear" atributo permite alinear el texto horizontalmente hacia la izquierda, centro o derecha dentro de la célula. El "valign" atributo le permite alinear el texto verticalmente a la parte superior, media o inferior de la celda.

Instrucciones

1

Abra un documento de texto en blanco en cualquier editor de texto como el Bloc de notas.

2

Inicie el documento HTML con el siguiente código:
<Html>
<Body>

3

Escriba la línea "<table>" para definir la tabla.

4

Escriba la línea "<tr>" para crear la primera fila.

5

Definir una celda de la tabla con el texto alineado a la izquierda escribiendo <td align = "left"> Izquierda </ td>.

6

Crear una celda de la tabla con el texto alineado con el centro escribiendo <td align = "center"> centro </ td>.

7

Definir una celda de la tabla con el texto alineado a la derecha ingresando <td align = "right"> derecho </ td>.

8

Escriba </ tr> para poner fin a la primera fila.

9

Escriba la línea "<tr>" para comenzar la segunda fila.

10

Definir una celda de la tabla con el texto alineado con la parte superior de la celda escribiendo <td valign = "top"> Inicio </ td>.

11

Crear una celda de la tabla con el texto alineado con el centro de la celda escribiendo <td valign = "middle"> Oriente </ td>.

12

Inserte una celda de la tabla con el texto alineado con la parte inferior de la celda introduciendo <td valign = "fondo"> Bottom </ td>.

13

Escriba la línea "</ tr>" para poner fin a la segunda fila.

14

Escriba el siguiente código para cerrar la tabla y completar el documento HTML:
</ Table>
</ Body>
</ Html>