Cómo crear una tabla de cuadrícula

Escrito por laurianna callaghan | Traducido por enrique alejandro bolaños flores
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo crear una tabla de cuadrícula
Crea una tabla de cuadrícula en una página web. (white wall grid pattern image by Radu Razvan from Fotolia.com)

Una tabla de cuadrícula para un sitio web se puede crear en un editor HTML o en el Bloc de notas. Están formadas por bordes de la tabla que rodean a cada lado de una celda. Se pueden utilizar para hacer listas de artículos o para la impresión de papel cuadriculado en casa. El tamaño de los cuadrados de una cuadrícula que creas depende del tamaño de las celdas de la tabla. Una tabla se debe crear para crear líneas de la cuadrícula. La cuadrícula en sí son en realidad los bordes alrededor de la tabla.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Haz clic en "Inicio", escribe "Bloc de notas" en el cuadro de texto de búsqueda y pulsa la tecla "Enter". Se abrirá la aplicación Bloc de notas.

  2. 2

    Escribe las líneas siguientes y presiona "Enter" después de cada entrada:

    <html> <head> <title>A Table Grid</title> </head> <body>

  3. 3

    Escribe "<table width="200" border="2" cellpadding="0" cellspacing="0" bordercolor="#000000">" y presiona "Enter". Aquí es donde se crea la cuadrícula. El comando "border" crea el borde de la cuadrícula de dos píxeles de grosor. El comando "bordercolor" indica el color que se utilizará para el borde. En este caso, el color del borde es negro.

  4. 4

    Escribe lo siguiente, presionando "Enter" después de cada línea:

    <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>

  5. 5

    Guarda el archivo como "pruebacuadrícula.html" y cierra el archivo. Abre un navegador como Internet Explorer o Firefox. Selecciona "Archivo" y luego "Abrir". Navega hasta el archivo pruebacuadrícula.html y selecciona "Aceptar".

Consejos y advertencias

  • El comando "bordercolor" es seguido por un signo de número (#) y un número de seis dígitos que consta de números y/o caracteres. Este número indica al navegador qué color mostrar. Seis ceros indican negro y seis nueves indican gris. Este código de seis caracteres se llama hexadecimal. Para encontrar más colores, consulta páginas en Internet.
  • El comando "width" se puede agregar a la etiqueta "", sin embargo, esto ha quedado obsoleto y no puede mostrarse en algunos navegadores. El comando "" puede cambiar el tamaño de las celdas y es compatible con todos los principales navegadores.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles