Tecnología

Inicio

Cómo crear una cuadrícula de la tabla

November 9

Cómo crear una cuadrícula de la tabla


Una cuadrícula de la tabla para un sitio web puede ser creado en un editor HTML o en el Bloc de notas. Las rejillas se componen de bordes de la tabla que rodean a cada lado de una célula. Las rejillas se pueden utilizar para hacer listas de artículos o para la impresión de papel cuadriculado casera. El tamaño de los cuadrados crea una cuadrícula depende del tamaño de las celdas de la tabla. Una tabla debe crearse para crear líneas de la cuadrícula. La rejilla sí es en realidad los bordes alrededor de la mesa.

Instrucciones

1 Haga clic en "Inicio", escribe "Bloc de notas" en el cuadro de texto de búsqueda y pulse la tecla "Enter". Esto abrirá la aplicación Bloc de notas.

2 Escriba las líneas siguientes y presione "Enter" después de cada entrada:

<Html>

<Head>

<Title> Una tabla de cuadrícula </ title>

</ Head>

<Body>

3 Tipo "<table width =" 200 "border =" 2 "cellpadding =" 0 "cellspacing =" 0 "BorderColor =" # 000000 ">" y pulse "Enter". Aquí es donde se crea la red. El comando "frontera" hace que la frontera rejilla de dos píxeles de grosor. El comando "BorderColor 'indica qué color a utilizar para el borde. En este caso, el color del borde es negro.

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

<Tr>

&lt;td>&nbsp;&lt;/td>

& Lt; td> & nbsp; & lt; / td>

& Lt; td> & nbsp; & lt; / td>

</ Tr>

<Tr>

&lt;td>&nbsp;&lt;/td>

& Lt; td> & nbsp; & lt; / td>

& Lt; td> & nbsp; & lt; / td>

</ Tr>

<Tr>

&lt;td>&nbsp;&lt;/td>

& Lt; td> & nbsp; & lt; / td>

& Lt; td> & nbsp; & lt; / td>

</ Tr>

</ Table>

</ Body>

</ Html>

5 Guarde el archivo como "gridtest.html" y cierre el archivo. Abra un navegador como Internet Explorer o Firefox. Seleccione "Archivo" y luego "Abrir". Vaya al archivo de gridtest.html y seleccione "OK".

Consejos y advertencias

  • El comando "BorderColor" es seguido por un signo de número (#) y un número de seis dígitos formado por números y / o caracteres. Este número indica al navegador que el color que se vea. Seis ceros indican negro y seis nueves indican gris. Este código de seis caracteres se llama hexadecimal. Para más colores, véase la sección "Recursos".
  • El comando "ancho" se puede añadir a la etiqueta "<td>", sin embargo, ha quedado obsoleto y no se puede mostrar en algunos navegadores. El "<td style =" width: 100px ">" comando puede cambiar el tamaño de las células y es compatible con todos los principales navegadores.