-
Cómo alinear texto en una tabla HTML
-
Una tabla HTML le permite disponer el 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 la etiqueta "<td>". El texto en cada celda se puede disponer tanto horizontal como verticalmente. El "Align" atributo le 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 en 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 Iniciar 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"> izquierdo </ 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 introduciendo <td align = "right"> derecho </ td>.
8 Escriba </ tr> para finalizar 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 <valign = "top" td> Inicio </ td>.
11 Crear una celda de la tabla con el texto alineado con el centro de la celda escribiendo <valign = "middle" td> Medio </ td>.
12 Insertar una celda de la tabla con el texto alineado con la parte inferior de la célula mediante la introducción de <td valign = "fondo"> Abajo </ 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>
