Como Inserir Uma Tabela Em Um Site

Índice:

Como Inserir Uma Tabela Em Um Site
Como Inserir Uma Tabela Em Um Site

Vídeo: Como Inserir Uma Tabela Em Um Site

Vídeo: Como Inserir Uma Tabela Em Um Site
Vídeo: Como fazer uma Planilha parecer um Site 2024, Maio
Anonim

As linguagens de marcação HTML, Wiki e BB-Code possuem ferramentas para a criação de tabelas. Isso permite que você coloque informações sobre as características comparativas de certos objetos, dados estatísticos e outros dados nos documentos ou mensagens do fórum.

Como inserir uma tabela em um site
Como inserir uma tabela em um site

Instruções

Passo 1

Para criar uma tabela em um documento HTML, primeiro abra-o com a tag

… Depois disso, abra sua primeira linha com a tag

(TR é a abreviação de linha da tabela, ou seja, linha da tabela). Agora você pode inserir o número desejado de células na string. Identifique cada um deles abrindo a tag

… Aqui, a abreviatura TD significa dados da tabela, ou seja, dados da tabela. Depois de colocar o número necessário de células desta forma, feche a linha com a etiquet

… Quando todas as linhas forem inseridas, feche a própria tabela usando a tag

inserindo dados depois deles e, em seguida, colocando uma tag de fechamento

por exemplo:

Premissas Número de soquetes
Corredor 1
Banheiro 0
Cozinha 2
Sala 3
Sacada 0

Passo 2

Adicionando à tag

parâmetros, você pode alterar a cor e espessura de suas linhas. Para que o perímetro externo da mesa tenha um pixel de espessura e as linhas internas tenham dois pixels de espessura e tudo isso seja pintado em azul escuro, use esta construção:

etapa 3

Para mesclar várias células horizontalmente, use em conjunto com a tag

parâmetro colspan. Então, se você escrever

você obtém uma célula com largura de duas colunas

Passo 4

Ao compor uma postagem no fórum que usa BB-Code, use as mesmas tags para criar tabelas, mas use colchetes em vez de colchetes angulares. Pode ser assim:

[tabela]

[tr] [td] Sala [/td] [td] Número de soquetes [/td] [/tr]

[tr] [td] Corredor [/td] [td] 1 [/td] [/tr]

[tr] [td] Banheiro [/td] [td] 0 [/td] [/tr]

[tr] [td] Cozinha [/td] [td] 2 [/td] [/tr]

[tr] [td] Sala [/td] [td] 3 [/td] [/tr]

[tr] [td] Varanda [/td] [td] 0 [/td] [/tr]

[/tabela]

Essa técnica não funciona em todos os fóruns, e nem todas as tags são suportadas naqueles que têm a função correspondente.

Etapa 5

Na linguagem de marcação Wiki, formate as tabelas conforme mostrado abaixo:

{|

| Instalações

| Número de soquetes

|-

| Corredor

|1

|-

| Banheiro

|0

|-

Cozinha

|2

|-

| Sala

|3

|-

| Varanda

|0

|}

Assinar | é usado aqui para mover para a próxima célula e | - é usado para alimentação de linha.

Recomendado: