As táboas HTML son fáciles de crear unha vez que comprende os conceptos básicos das filas e as columnas e tamén unha vez que entende cando está ben usar unha táboa e cando debe evitar.
Unha breve historia de táboas e deseño web
Hai moitos anos, antes do aceptable CSS e estándares web, os diseñadores web utilizaron o elemento
HTML para crear o deseño da páxina para sitios. Os deseños de sitios web serían "cortados" en anacos pequenos como un rompecabezas e logo combinados cunha táboa HTML para renderizar no buscador como se desexa. Foi un proceso moi complexo que creou moitos marcadores HTML extras e que nunca poderían ser utilizados hoxe no mundo da pantalla múltiple nos que viven os nosos sitios . Como CSS converteuse no método aceptado para visualizar e distribuír páxinas web, o uso de táboas para este quedou rechazado e moitos creadores da web creron erróneamente que "as táboas eran malas". Iso foi e é falso. As táboas de deseño son malas, pero aínda teñen un lugar no deseño web e en HTML, é dicir, mostrar datos tabulares como un calendario de horario de tren. Para ese contido, usar unha táboa segue sendo un enfoque aceptable e bo.
Entón, como tes unha mesa? Comecemos creando unha táboa de 2x2. Isto terá 2 columnas (estes son os bloques verticais) e 2 filas (os bloques horizontais). Despois de construír unha táboa de 2x2, pode crear calquera táboa de tamaño que desexe simplemente engadindo filas ou columnas adicionais.
Dificultade: media
Tempo necesario: 10 minutos
Vexa como:
- Primeiro, abra a táboa
- Abra a primeira fila coa etiqueta tr
- Abra a primeira columna coa etiqueta td
- Escribe o contido da cela
- Pecha a primeira cela e abre a segunda
- Escribe o contido da segunda cela
- Pecha a segunda cela e péchea a fila
- Escribe a segunda liña exactamente como a primeira
| | - Logo pecha a táboa
Tamén podes optar por engadir cabeceiras de táboa á táboa usando o elemento | . Estes cabeceiros de táboa reemplazarían as pezas "datos da táboa" na primeira fila da táboa, así:
| Nome | Papel | | Jeremy | Deseñador < td> Jennifer | Desenvolvedor | Cando se rendería esta páxina no navegador, esa primeira fila cos encabezados da táboa mostrarase por defecto en texto en negra e estarían centrados na cela da táboa na que aparecen.
¿Está ben usar táboas en HTML? Si - sempre que non estea a usar con fins de deseño. Se precisa mostrar información tabular, unha táboa é a forma de facelo. En realidade, evitar unha táboa por mor dunha pureza equivocada para evitar que o elemento HTML lexítimo sexa tan retroactivo como o usado por razóns de deseño neste día e idade.
Escrito por Jennifer Kyrin. Editado por Jeremy Girard o 11/8/16
| | |