Lección HTML. mesturar células

As táboas en HTML - un elemento moi útil. Con eles podes facer calquera cousa. Por suposto, o obxectivo principal - poñer información nunha táboa. Pero os desenvolvedores de sitios para máis lonxe. Á vez era moi popular para usar unha táboa para crear un marco web. Agora os profesionais están a tentar non facelo.

Táboas atoparon súa ampla aplicación por mor do gran número de atributos. Por exemplo, unha propiedade moi útil virou combinando filas ou columnas.

Introdución á Teoría

HTML, a unión de células ocorre por medio de dous atributos: colspan e rowspan. Son indicados para a etiqueta td.

Imos primeiro analizar a estrutura de cada táboa, antes de mergullo no tema. En cada mesa hai unha liña, e nela - móbil. Lembre que, inicialmente, as táboas deberán conter o mesmo número de células.

A figura arriba indicados e dúas filas en cada unha das tres células. É unha táboa común. Se vostede está en calquera caixa, escriba un número menor de células, a táboa é "saír", todo non aparecerá correctamente.

HTML táboa: fundir células vertical e horizontal

Para especificar un número menor de células ou cordas só se pode usar se tes algo a fusionarse. Pero en vez do elemento eliminado no veciño máis próximo ao principio ten que especificar un atributo adicional. Se combinar as columnas, a continuación, o colspan, as cordas, entón rowspan. O valor dun atributo indica o número de elementos que quere mesturar.

Por favor, teña en conta que ten que especificalo no elemento máis próximo ao principio. Por exemplo, na figura anterior, se quería combinar a célula 1 e 2, ten que especificar o atributo colspan móbil 1 cun valor de dous. E eliminar o número de posición 2 ou 3, non importa.

A liña de fondo é que diga a célula como espazo vai levar. O valor por defecto é 1.

Mesturar células vertical HTML-mesa ten lugar no mesmo principio. Simplemente espazo ocupado considerarase vertical. Vexa a figura a continuación.

Aquí, a célula co número 43 leva dous cadeas. Para iso, especifique o rowspan atributo. Só Remember:

• Row - liña.
• Col - columna / columna.
• Span - Asociación.

Os creadores intentaron levar a linguaxe posible para o ser humano, de xeito que mesmo sen coñece-lo, de algunha maneira podería entender.

HTML, a unión de células pode ser feito en dúas direccións: vertical e horizontal. Para iso, nós especificar atributos.

A figura anterior é só iso e asegurou que a asociación pode facer: liñas, columnas ou liñas e columnas.

HTML: Unir células. exemplos

Imos considerar máis complexa exemplos marco en táboas grandes. Abaixo á esquerda Define a versión orixinal dunha táboa estándar. Un dereita - unha variante cunha combinación de dúas células na segunda fila. Entón, máis claro e máis fácil de comparar o código HTML.

Tamén pode combinar os tres no centro da célula. No primeiro caso atributo colspan especifica da célula №1. Aquí, o primeiro será inalterada, ea segunda engadido ao colspan, igual a tres.

Se quere mesturar todas as células nunha cola para un único, a continuación, elimina os catro td no primeiro indican colspan = '5'.

Como verás, de feito, todo é simple. Nada complicado. Máis importante aínda, con coidado, desde o primeiro momento para entender as trampas das táboas, e, a continuación, non debe ocorrer sen problemas.

Táboa como unha estrutura de sitio

HTML, a unión de células non sempre usado para táboas regulares coas informacións (en Word ou Excel). Web deseñadores, moitas veces, pero antes de as urnas telos usado para o deseño de sitios web.

Por exemplo, considerada o esquema do sitio web. Este proxecto - moi sinxelo e primitiva. Pero pode amosar o uso de asociación explicitamente.

Hai era orixinalmente unha táboa de tres filas de dúas células cada. Entón, para poñer o logo do sitio web, as dúas células na primeira liña foron combinados. A liña de fondo é que facer o mesmo para acomodar o "soto".

Debido ao seu lugar é posible poñer elementos de deseño, e nada non vai deixar os seus límites. Isto é moi sinxelo e cómodo. Polo tanto, era tan popular. Agora, recoméndase crear unha etiqueta div bloques.

conclusión

E recorda que a fusión mesa móbil HTML, pode facer o que quere. Todo depende do que quere e como quere organiza-lo. É importante resaltar que non se confunden. Se queres crear un gran mesa con un gran número de asociacións, recoméndase a deseñar todo en un pedazo de papel ou no Paint. principiantes imposer será máis fácil.

Ao gañar experiencia, estas operacións que pode realizar na súa cabeza con facilidade.