Tecnología

Inicio

Cómo hacer una mesa con HTML

March 21

Las tablas pueden permitirá ver en una matriz de datos en HTML. Las etiquetas de tabla están diseñadas para que los grupos de información se ven mejor y para permitir a los usuarios obtener bordes alrededor de las listas. Una tabla en HTML se crea mediante el uso de varias etiquetas en el orden correcto.

Instrucciones

1 Comience con la etiqueta <table>.

2 A continuación, utilice <tr> para abrir una fila.

3 Dentro de <tr>, utilice <td> para abrir una columna.

4 Introduce el texto de la primera columna. A continuación, utilice </ td> para terminar su columna y pasar a la siguiente.

5 Utilice <td> para abrir la segunda columna y escriba el texto. A continuación, utilice </ td> y </ tr> para terminar su columna y su fila. En este punto, si usted tiene una fila con dos columnas que contiene el texto "Junio" y "Julio", el código se vería así: <table> <tr> <td> Junio ​​</ td> <td> Julio </ td> </ tr>.

6 Si desea una segunda fila, utilice <tr> para abrir su fila y seguir las mismas instrucciones de la etiqueta desde arriba.

7 Cuando se realiza la tabla, utilice </ table> para cerrarla.

8 Dentro de la estructura de la tabla, las etiquetas se colocan para crear una frontera. El espesor de la frontera se indica mediante una variable x de la siguiente manera: <table border = x>. Poner esto justo después de la etiqueta <table> comando.

9 Cellpadding es el número de píxeles son entre el texto y la tabla de la frontera. Poner este comando después del comando borde: <cellpadding = x>.

Consejos y advertencias

  • No incluya más columnas en la segunda fila que ha agregado en la primera. mesas asimétricas pueden causar problemas.
  • Al hacer tablas, también considerar las etiquetas de estilo, tales como las fronteras, el espacio celular y otros que determinan cuál es el borde de la tabla se verá así. Estos por lo general toman valores relacionados con el número de píxeles. Las guías están disponibles en línea.
  • Debido a las demandas de formato, el código utilizado aquí tiene espacios entre el texto de comando y los paréntesis angulares <y>. El código no debería tener espacio entre un soporte y el siguiente carácter.