Cómo hacer filas y columnas visibles utilizando HTML

Cuando se desea organizar contenido de páginas web en filas y columnas ordenadas, el método más sencillo es utilizar las etiquetas de tabla en el código HTML, siglas de HyperText Markup Language. Una vez que haya construido la estructura de la tabla y se añade el texto o imágenes a las diferentes filas y columnas, puede personalizar las fronteras de la tabla para hacer esas filas y columnas visibles.

Instrucciones

1 Abrir un nuevo documento en blanco en su aplicación de edición web. diseñadores web profesionales utilizan programas como Adobe Dreamweaver, pero se puede escribir código HTML en un procesador de texto básico también.

2 Tipo "<table> </ table" en el cuerpo de su código HTML. Estas etiquetas de tabla notificar al navegador web que se va a trabajar con filas y columnas en esta página.

3 Tipo "<tr> </ tr>" entre las etiquetas "mesa" de la Etapa 2 para crear una nueva fila en la tabla. Repita este paso para tantas filas como desea crear.

4 Tipo "<td> contenido </ td>" entre las etiquetas "tr" desde el paso 3 para crear una columna de la tabla. A continuación, reemplace "contenido" con cualquier texto, gráficos o hipervínculos. Repita este paso para el número deseado de columnas.

5 Cambiar la etiqueta original "<table>" del paso 2 de "<table border =" 1 ">" para agregar un borde a los elementos de su mesa. Todas las filas y columnas ahora será visible en un navegador web. Introduzca un número más alto en la etiqueta de la frontera con el fin de crear un borde más grueso.

6 Guarde el archivo de código como un archivo .html y colocarlo en su servidor web. Cuando se accede al sitio en un navegador web, filas y columnas de la tabla serán visibles.