Informática, Software

Usar HTML nunha táboa

En HTML hai tantos elementos, e cada un deles é único ao seu xeito. A mesa é un obxecto moi interesante, esixido e serio. Grazas a iso, non só pode proporcionar información de forma conveniente, senón tamén construír un marco completo do sitio.

Anteriormente, case todos os webmasters usaban táboas para o deseño do sitio. Inicialmente, as táboas para iso non foron inventadas. Polo tanto, para marcar un sitio, cómpre usar o elemento de div bloque.

Se non queres ser sempre novato, acostumarte a facer todo de inmediato. Isto é moi importante en HTML. Na táboa hai que poñer só a información habitual (texto, ligazóns, listas, imaxes, etc.) e non todo o sitio.

Como crear unha táboa HTML?

A táboa é un elemento complexo, que consiste nunha gran cantidade de outros elementos. Lembre que ao crear celas ou filas, sempre debe colocar unha etiqueta de peche á vez. Se non, todo vai voar. O controlador no buscador buscará o final do elemento e, ata que o atope, todo o resto incluirase na táboa. O resultado será mingau.

Se escribes un sitio web en "Bloc de notas", entón todo o que tes que ver coas túas mans. Se no editor final, xeralmente hai botóns - "inserir unha táboa", "inserir unha imaxe", etc.

Exemplo da táboa 2 a 2.

o texto da primeira cela da primeira liña

o texto da segunda cela da primeira liña

o texto da primeira cela da segunda liña

o texto da segunda cela da segunda liña

As etiquetas

e indican o comezo e o final da táboa. As etiquetas e son o comezo e o final da liña. Nunha liña pode haber tantas celas definidas polas etiquetas , hai unha etiqueta

e . A regra principal: o número de celas en cada liña debe ser o mesmo. É unha mesa. Pero, como no editor de Word e Excel, as células poden combinarse entre si. Como fusionar as celas nunha táboa? Para combinar, usa os atributos Colspan e Rowspan. Span se traduce como "abrazo" ou "superposición". O significado literal é cubrir / cubrir celas / liñas. No valor deste atributo, necesitas especificar cantas filas ou celas serán bloqueadas. O seguinte é un bo exemplo de usar tanto os atributos HTML nunha táboa. Neste exemplo, na primeira liña, combináronse 3 celas usando o atributo colspan = "3". Entón, a primeira cela da segunda liña foi estendida en catro liñas. Lembre que nos estendemos / unindo só na primeira cela. A súa propiedade ampliarase aínda máis. Todo o que pasa antes non se verá afectado. Se ten 5 celas e quere fusionar de 2 a 4, entón só precisa especificar o atributo colspan = "3" no número de cela 2. Ten en conta o número de celas 9 na figura anterior. Alí combinaban as dúas celas e as liñas á vez. Tales accións non están prohibidas. Mire outro exemplo para corrixir a información. Porque algúns confunden atributos e ás veces combinan cadeas en vez de celas. Deseñando táboas Tome o caso HTML estándar habitual. A táboa ten dúas liñas de dúas celas cada unha. O resultado do código será o seguinte. Como podes ver, non hai efectos. Pode engadir un cadro, especificar o ancho e a altura. Tamén podes xogar co aliñamento. Pode alinear tanto o alto como o ancho. Aliñar para o aliñamento horizontal e valignar o aliñamento vertical. Aquí está o resultado. Os atributos align e valign poden ser aplicados a toda a cadea. Entón todas as celas que estean nel estarán suxeitas a estes atributos. Ademais das etiquetas	e
adicional. De feito, este é un análogo de	, pero só se usa na primeira liña e serve como cabeceira. Por defecto, o texto en	está centrado e en negra. Como conectar estilos a unha táboa? Do mesmo xeito que todas as etiquetas HTML, a táboa pódese converter a través de estilos. Debe especificar un ficheiro de estilo na cabeza or Estilo listo (tamén indicado na cabeza). ...

e .

A regra principal: o número de celas en cada liña debe ser o mesmo. É unha mesa.

Pero, como no editor de Word e Excel, as células poden combinarse entre si.

Como fusionar as celas nunha táboa?

Para combinar, usa os atributos Colspan e Rowspan. Span se traduce como "abrazo" ou "superposición". O significado literal é cubrir / cubrir celas / liñas.

No valor deste atributo, necesitas especificar cantas filas ou celas serán bloqueadas. O seguinte é un bo exemplo de usar tanto os atributos HTML nunha táboa.

Neste exemplo, na primeira liña, combináronse 3 celas usando o atributo colspan = "3". Entón, a primeira cela da segunda liña foi estendida en catro liñas. Lembre que nos estendemos / unindo só na primeira cela. A súa propiedade ampliarase aínda máis. Todo o que pasa antes non se verá afectado.

Se ten 5 celas e quere fusionar de 2 a 4, entón só precisa especificar o atributo colspan = "3" no número de cela 2.

Ten en conta o número de celas 9 na figura anterior. Alí combinaban as dúas celas e as liñas á vez. Tales accións non están prohibidas.

Mire outro exemplo para corrixir a información. Porque algúns confunden atributos e ás veces combinan cadeas en vez de celas.

Deseñando táboas

Tome o caso HTML estándar habitual. A táboa ten dúas liñas de dúas celas cada unha.

O resultado do código será o seguinte.

Como podes ver, non hai efectos. Pode engadir un cadro, especificar o ancho e a altura.

Tamén podes xogar co aliñamento. Pode alinear tanto o alto como o ancho.

Aliñar para o aliñamento horizontal e valignar o aliñamento vertical. Aquí está o resultado.

Os atributos align e valign poden ser aplicados a toda a cadea. Entón todas as celas que estean nel estarán suxeitas a estes atributos.

Ademais das etiquetas

adicional. De feito, este é un análogo de

, pero só se usa na primeira liña e serve como cabeceira. Por defecto, o texto en

está centrado e en negra.

Como conectar estilos a unha táboa?

Do mesmo xeito que todas as etiquetas HTML, a táboa pódese converter a través de estilos. Debe especificar un ficheiro de estilo na cabeza or Estilo listo (tamén indicado na cabeza).

...