2.

Novamente, porque, na situação 3, as figuras estão inseridas em uma tabela com 3 colunas, cuja borda tem a dimensão zero (ou seja, não existe) e cujas cores de fundo foram alteradas, sendo transparente só na primeira célula.

Portanto, a utilização de tabelas auxilia a dispor os elementos da página na posição exata que o autor desejar.

Inserção de Tabelas

Clicar em  "Tabela" / "Table" - "Inserir" / "Insert" ou em 

Aparece a janela "Inserir tabela": Logo nos 2 primeiros campos pode-se definir o número de linhas (rows) e de colunas (columns) desejados. A largura que a tabela ocupará na janela poderá ser determinada em 2 unidades: "Pixels" ou em "% da janela" No campo "Borda" indica-se a largura das bordas de uma tabela. Seu valor pode ser  0, que significa sem borda. A partir do número 1 a borda passa a existir e quanto maior o valor, mais larga a borda. Clicar no botão "Ok" para aplicar as escolhas feitas.

Alguns atributos da tabela

Depois da tabela estar na página, pode-se clicar em qualquer local dentro da tabela e clicar em "Tabela" - "Propriedades da tabela"

Na aba "Tabela" as informações acima se repetem. Mas há campos novos:

Em "Bordas e espaçamento"
- cellspacing: para definir o espaçamento entre células contíguas da tabela

- cellspading: onde se determina o espaçamento entre a borda da célula e o conteúdo da tela.

No campo "Alinhamento da tabela" / "Table Alignment" define-se o alinhamento horizontal dentro dos elementos da tabela. Pode assumir os valores Esquerda ( Left ), Centralizado ( Center ) e Direito ( Right ).

Pode-se colocar uma legenda na tabela e define-se sua posição clicando em "Legenda".

A cor do fundo da tabela será determinada se for clicado o campo logo após "Cor do plano de fundo".

Na  janela que aparece basta clicar sobre a cor desejada para aplicá-la. Também pode ser digitado o código da cor no último campo à esquerda.

Notar que, se apenas 1 ou mais células estiverem selecionadas, a cor do fundo pode ser alterada só nela.

Clicar no botão "Aplicar" e, depois em "Ok" para aplicar as escolhas feitas.

Na aba "Células" pode-se selecionar uma célula, linha ou coluna:

Pode-se especificar altura e largura do que houver sido selecionado em 2 unidades: "Pixels" ou em "% da janela"

No campo "Alinhamento do conteúdo" / "Content Alignment" define-se os alinhamentos

 - vertical da parte selecionada: Superior (Top), Centralizado (Middle) ou Inferior (Botom).
 - horizontal da parte selecionada: Esquerdo (Left),  Centralizado (Center), Direito (Right) e Justificado (Justify).

Em "Estilo da célula" pode-se escolher entre "Normal" e "Cabeçalho" .

No campo seguinte pode-se decidir se o texto deve ser quebrado ou não.

A cor do fundo da tabela será determinada se for clicado o campo logo após "Cor do plano de fundo", do mesmo modo que está descrito aqui.

Na  janela que aparece basta clicar sobre a cor desejada para aplicá-la. Também pode ser digitado o código da cor no último campo à esquerda. Clicar no botão "Aplicar" e, depois em "Ok" para aplicar as escolhas feitas.

Clicando-se em "Edição avançada" / "Advanced Edit"; (nessa janela ou em "Inserir tabela"),  abre-se a seguinte janela:

Na aba "Atributos do HTML" aparece um resumo dos vários atributos já escolhidos na tabela.

No exemplo acima está definido:
- o espaçamento entre a borda da célula e o conteúdo da tela (cellspading)
- o espaçamento entre células contíguas da tabela como 2 pixels (cellspacing)
- haverá borda na tanela e terá a menor moldura possível: 1 (border)
- a tabela ocupará toda a largura da célula - 100% (width)

Exercícios

4. Criar páginas, onde deve ser colocado título, autor e descrição, com:

4.1. Uma tabela com 3 linhas e 3 colunas, no mínimo, em algum ponto da página.
  Escolher uma cor para o fundo.
  Em pelo menos 1 célula deve haver uma figura não animada.
  Em pelo menos 1 célula deve haver uma figura animada, com alinhamento diferente da anterior.
  Salvar em A:\htm4-1.html.

4.2. Uma tabela ocupando toda a página.
  Escolher o número de linhas e colunas.
  Em pelo menos 1 célula deve haver uma figura não animada.
  Em pelo menos 1 célula deve haver uma figura animada, com alinhamento diferente da anterior.
  Deve haver texto em pelo menos 2 células.
  Salvar em A:\htm4-2.html.

4.3. Uma tabela ocupando toda a página.
  Escolher o número de linhas e colunas.
  Uma ou mais células devem ser transparentes, e pelo menos 1 deve ter uma cor, a seu gosto.
  Em pelo menos 1 célula deve haver uma figura não animada.
  Em pelo menos 1 célula deve haver uma figura animada, com alinhamento diferente da anterior.
  Deve haver texto em pelo menos 2 células.
  Inserir outra tabela interna, no mínimo 2x2, que deve ter fundo diferente (cor ou imagem) da tabela maior.
  Salvar em A:\htm4.3.html.