Cómo crear columnas en HTML

Agregar columnas a su sitio web es útil para organizar el contenido. De hecho, no hay límite en 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. Juntar estas dos etiquetas permite infinitas posibilidades para un sitio web limpio y atractivo.

Paso 1

Inicie su editor de HTML. Seleccione "Archivo" y "Nuevo" en la barra de navegación del programa. Aparecerá un documento en blanco en su pantalla.

Paso 2

Crea una tabla. Las tablas se definen con la 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 tiene un código similar a este:

Columna 1

Columna 2

Paso 3

Ajuste 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

Paso 4

Agregue relleno de celdas o espaciado de celdas. Cellpadding es la cantidad de espacio en blanco entre el borde y el contenido de la celda. Cellspacing es la distancia entre celdas. Estas etiquetas se aplican dentro de la etiqueta de la tabla. No es un requisito tener activo el relleno de celdas o el espaciado de celdas.

Ejemplo:

Columna 1

Columna 2

Paso 5

Agrega contenido a tus columnas. Texto, imágenes, 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.