Pasos para construir una tabla HTML 2×2

Pasos para construir una tabla HTML 2×2

Pasos para construir una tabla HTML 2×2

VALORACIÓN DEL ARTÍCULO:
5/5

Las tablas HTML son fáciles de crear una vez que entienda los conceptos básicos de filas y columnas, y también una vez que entienda cuándo está bien usar una tabla y cuándo debe evitarlas.

Breve historia de las tablas y el diseño web

Hace muchos años, antes de la aceptación de los estándares CSS y web, los diseñadores web utilizaban el elemento HTML para crear un diseño de página para los sitios. Los diseños de sitios web se «rebanaban» en pequeñas piezas como un rompecabezas y luego se combinaban con una tabla HTML para que se renderizaran en el navegador como se pretendía. Fue un proceso muy complejo que creó muchas marcas HTML adicionales y que hoy en día nunca se podrían utilizar en el mundo multipantalla en el que viven nuestros sitios web. A medida que el CSS se convirtió en el método aceptado para los visuales y el diseño de la página web, el uso de tablas para esto fue rechazado y muchos diseñadores web creyeron erróneamente que «las tablas eran malas». Eso era y es falso. Las tablas para el diseño son malas, pero todavía tienen un lugar en el diseño web y HTML, es decir, para mostrar datos tabulares como un calendario o un horario de trenes. Para ese contenido, el uso de una tabla sigue siendo un enfoque aceptable y bueno.

Entonces, ¿cómo se diseña una mesa? Comencemos por crear una tabla 2×2 simple. Esto tendrá 2 columnas (estos son los bloques verticales) y 2 filas (los bloques horizontales). Después de haber construido una tabla 2×2, puede construir cualquier tamaño de tabla que desee, simplemente añadiendo filas o columnas adicionales.

Aquí está el cómo

  1. Primero abra la tabla

  2. Abrir la primera fila con la etiqueta tr

  3. Abrir la primera columna con la etiqueta td

  4. Escribir el contenido de la celda

  5. Cerrar la primera celda y abrir la segunda

    / i>

  6. Escribir el contenido de la segunda celda

  7. Cerrar la segunda celda y cerrar la fila

    / i>

  8. Escriba la segunda fila exactamente como la primera

     td>  

    Luego cierre la tabla

  9. ¡Eso es todo!

También puede elegir añadir cabeceras de tabla a su tabla usando el comando

elemento. Estas cabeceras de tabla reemplazarían a las piezas de "datos de tabla" de la primera fila de la tabla, así:

 #fefefe">#fefefe">#fefefe Name} DIFUNDE LA PALABRA-  / i>  #fefefe">#fefefe DIFUNDE LA PALABRA- DIFUNDE LA PALABRA-  / i>  #fefefe">#fefefe  / i>    

Cuando esta página se renderiza en el navegador, esa primera fila con las cabeceras de la tabla se muestra, por defecto, en negrita y se centran en la celda de la tabla en la que aparecen.

Entonces, ¿está bien usar tablas en HTML?

Sí, siempre y cuando no los utilice con fines de diseño, está bien utilizar tablas. Si necesita visualizar información tabular, una tabla es la forma de hacerlo. De hecho, evitar una tabla debido a una pureza equivocada para evitar este elemento HTML legítimo es tan atrasado como usarlos por razones de diseño en estos tiempos.

Escrito por Jennifer Kyrin. Editado por Jeremy Girard.

Deja un comentario

TAMBIÉN TE INTERESA

nuevo-Nothing-Phone

Nothing Phone (1): llega el teléfono más rompedor de los últimos tiempos

El mercado de la telefonía necesitaba un soplo de aire fresco como el que representa Nothing Phone (1). La compañía liderada por el que fuera fundador de One Plus acaba de anunciar un nuevo smartphone que promete ser el más rompedor del momento. Los consumidores nos habíamos acostumbrado a ciertos estándares de diseño tanto en

ecommerce

¿Vendes en Amazon? Sácale todo el partido al Amazon Prime Day

Se viene el gran evento mundial del año para Amazon y, por ende, el ecommerce. Los próximos 12 y 13 de julio llegan las rebajas más exclusivas para los clientes del marketplace. El Amazon Prime Day es el momento que muchos compradores esperan para adquirir productos de todo tipo a un precio reducido. Pero más

nube-de-acens

Aprovecha los descuentos en la nube de acens por su 25 aniversario

Desde 1997 hasta 2022 han pasado 25 años en los que acens, Part of Telefónica Tech, se ha convertido en una de las empresas pioneras del mundo digital, una de las tecnológicas más longevas de España y de las más innovadoras del mundo.   Desde su nacimiento en 1997, acens ha sido protagonista de algunos

iconos redes sociales

Las 5 redes sociales más atractivas para las empresas

Hoy es el día de las redes sociales y como tal, queremos informar a empresas y particulares sobre dos puntos de interés sobre estos canales. En primer lugar hablaremos de marketing y explicaremos cuáles son las mejores redes para las marcas. Y en segundo lugar nos centraremos en las ciberamenazas, las cuales están experimentando un

rebajas-de-Xiaomi-618

3 productos que no te puedes perder en las rebajas de Xiaomi 618

Llegan las rebajas en Xiaomi con los días de la llamada Xiaomi 618. Desde el 27 de junio hasta el 1 de julio inclusive se pueden encontrar auténticos chollos de michos productos del ecosistema Xiaomi. En este caso, nos vamos a centrar en tres gadgets de Remi que están a precio de derribo aplicando el

nuevo-Poco-F4

Flagship y todoterreno: así es el nuevo POCO F4

Ya es oficial. Poco ha presentado por todo lo alto sus dos nuevos teléfonos: el POCO F4. Ya nos habíamos anticipado con sus filtraciones en este post. Viendo ahora todo lo que ha dado de sí su presentación oficial, podemos decir que el F4 es, verdaderamente un smartphone todo terreno, capaz de competir con cualquier