Inserir tabelas
Muito importante na concepção de uma página. Nós costumávamos colocar qualquer item em um lugar especial no documento. Eles podem colocar bordas ou escondê-los, se não gosta de ser visto. Mais tarde, com estilos, a gente até que os contornos olhar como um elemento decorativo, mas uma tabela. Podemos colocar cor sólida, ou de fundo. Mas, afinal com elas, queremos fazer o projeto porque, como veremos, nos permitirá colocar em um determinado ponto de qualquer elemento.
Abra um novo documento e salvá-lo com as tabelas de nomes. Lembre-se o sonho adiciona a extensão decidimos (htm ou html) Devemos olhar como:
tablas.htm
Outra coisa ... mantendo acostumar a ir sempre que algo insertéis. Apenas no caso ok?
No Inspetor de propriedades aplicar uma cor de fundo da página. E vamos inserir uma tabela Insert / Table:
Vai abrir uma caixa de diálogo como esta:
, (Horizontales) el ancho en % , (También en píxeles) El borde y grosor , el relleno de celdas , que sera el espacio que va a quedar entre lo que insertemos en la tabla y su borde, el espacio entre las celdas y los encabezados, que ya tendrán un predeterminado estilo que aplicarán al contenido. Nela, podemos definir o número de linhas, (vertical) Colunas (horizontal) de largura em% (também em pixels) e espessura da borda, preenchimento da célula, que será o espaço será entre o que nós inserimos na tabela e sua aresta, o espaço entre as células e cabeçalhos, que têm um estilo padrão aplicado ao conteúdo.
, 80% de ancho, grosor de borde 0 , si no ponemos nada en relleno y espacio, por defecto el Dreamweaver, pondrá dos píxeles. Vamos colocar 4 linhas, colunas 6, 80% de largura, espessura da borda, 0, se não preencher qualquer coisa no espaço e, por padrão, o Dreamweaver irá colocar dois pixels. Para não colocar qualquer coisa, devemos colocar 0. Não há notícias.
Parece que este:
No Inspetor de propriedades pode mudá-lo completamente. Mas agora vamos ver o que podemos dizer neste quadro que acabou de inserir. Coloque o cursor em uma célula.
E veja uma série de linhas e números que definem a tabela. No centro, vemos uma seta com o botão esquerdo do mouse, clique sobre ele e vamos ver um submenu onde você pode selecioná-lo.
Agora, temos a certeza que a tabela selecionada, consulte o Inspetor de propriedades:
: Ou onde estamos localizados no espaço da tabela são as tags de html, vemos apenas as propriedades acima:
| Tags html a considerar. |
| <body> (do corpo, corpo) se refere a todo o documento, que vemos no navegador. |
| <table> (tabela de mesa) para a tabela inteira. |
| <tr> (de linha da tabela, linha da tabela) para a linha onde o cursor |
| <td> (a partir de dados da tabela, ou tabela de dados) para a célula. |
Além disso, observamos que o <td> rótulo é verificado, isto nos diz é lá, onde o cursor e que, se você inserir um item, vai ficar onde colocado.
Vamos centralizar a tabela no documento, clique no <table> rótulo:
y elegimos Centro No Inspetor de propriedades Alinhamento e optamos Centro
A tabela é colocado no centro do documento:
Nós adicionar valores como indicado pela captura (Tabela 
píxeles de borde con el color #000066 para éste borde. 5 pixeles de separación entre los bordes de las celdas y el texto, o imagen que insertemos luego en ellas. Nós branco (# FFFFFF) para a parte inferior da mesa. Pixels 3 borda com a cor # 000066 para esta vantagem. 5 pixels de separação entre as bordas das células e texto, ou imagens que inseri-los em seguida. E 2 pixels, a separação entre as células.
y columnas : Estes valores, temos tido a Tabela Agora, para fazer as linhas e colunas:
O primeiro irá inserir um texto:
Não se preocupe se vemos que esta coluna é maior agora, quando inserir texto em outro. olhará como antes
* Nota: Na verdade, ele vai ampliar em termos do que nós inserimos para as células, vistas como a coluna de segunda-feira, é mais estreito do que na quarta-feira Da mesma forma poderia ... colocar um valor fixo para cada coluna, como mostrado em uma tela abaixo.
Mais tarde, mais sobre a largura das tabelas e colunas
, sin tener que tocar la tabla o celdas con el cursor. Para mover entre as colunas, usamos as setas do teclado, sem ter que tocar a tabela ou células com o cursor. Mais rápido e mais certo que nós não muda nada em todos os valores que têm essa tabela. Agora selecione a primeira coluna:
Inspetor de propriedades: 
| Tamanho da fonte: | 14 pontos, branco. |
| Alinhamento: | Centro. |
| Largura de coluna fixa: | 50 pixels |
| Cor de fundo da coluna: | # CC3300 |
(Note-se que o topo da coluna, mostrou que o número de pixels que agora foram atribuídos 50)
O resultado:
: Agora selecione a primeira linha, coloque o cursor na primeira célula:
clique na tag html, <tr>
Linha inteira é selecionada acima:
Inspetor de propriedades:
e temos assim:
O Instituto seguinte continuará com as tabelas e, possivelmente, se não muito tempo atrás, vamos ver alguns links.
Como não ter inserido novas imagens ou outros objetos que a linguagem htm, só vamos ressuscitar página index.htm, substituindo o que temos acima.
Veréisque agora temos um documento com outro nome que não é o caminho index.htm este novo documento .. grave o próximo, ou não poderíamos ver nenhuma maneira ..... exceto com um link, mas não estamos lá ainda então colocamos todos o caminho completo 