Una tabla HTML contiene información en un sitio web.
Agregar columnas a su sitio web es útil para organizar el contenido. De hecho, no hay límite para la cantidad de columnas que puede contener su página web. Sin embargo, la codificación de columnas requiere el conocimiento de otra etiqueta HTML: la tabla. Poner estas dos etiquetas juntas permite un sinfín de posibilidades para un sitio web limpio y atractivo.
Paso 1
Inicie su editor HTML. Seleccione "Archivo" y "Nuevo" en la barra de navegación del programa. Aparecerá un documento en blanco en su pantalla.
Video del día
Paso 2
Crea una tabla. Las tablas se definen con el
etiqueta. Cada tabla se puede dividir en filas y cada fila en celdas de datos. Las celdas de datos son las que definirán sus columnas. Una tabla de dos columnas está codificada de manera similar a esta:| Columna 1 | Columna 2 |
Paso 3
Ajusta las propiedades del borde de la tabla. Si desea que sus columnas tengan un borde, coloque la etiqueta border = "1" dentro de la etiqueta de la tabla. Cambie el color del borde usando un código de color HEX con la etiqueta bordercolor = "# 000000". # 000000 es negro. El borde debe definirse como al menos "1" para que se muestre un color de borde.
Ejemplo:
| Columna 1 | Columna 2 |
Etapa 4
Agregue relleno de celda o espacio de celda. Cellpadding es la cantidad de espacio en blanco entre el borde y el contenido de la celda. El espaciado de celdas es la distancia entre celdas. Estas etiquetas se aplican dentro de la etiqueta de la tabla. No es un requisito tener activado el relleno de celda o el espaciado de celda.
Ejemplo:
| Columna 1 | Columna 2 |
Paso 5
Agrega contenido a tus columnas. El texto, las imágenes, los formularios y más pueden ir dentro de las etiquetas de datos de la tabla.
Paso 6
Guarde su documento HTML. Obtenga una vista previa en su navegador de Internet antes de cargarlo en su servidor web.
