Como criar uma tabela html
Quando você está criando páginas da web, você precisa saber como adicionar vários tipos de dados e elementos, incluindo tabelas. Para criar uma página web com uma tabela, siga estes passos:
Conteúdo
- Video: 13 html - tabelas simples.mov
- Video: criando tabela - curso de html avançado aula 10 [hd] - famwebtv
Abra o seu editor de texto.
No editor de texto, crie um novo documento de texto.
Video: 13 HTML - Tabelas Simples.mov
A maioria dos editores de texto será aberta com um documento em branco ou vazia para começar. Se você tem alguma coisa no documento, limpá-lo antes de continuar.
Digite o seguinte HTML:
Video: Criando tabela - Curso de HTML avançado Aula 10 [HD] - FamwebTV
Minha primeira página da Web minha Mesa
| Código do aeroporto | Nome comum / Cidade |
|---|---|
| CWA | Wisconsin Aeroporto Central |
| ORD | Chicago O`Hare |
| LHR | London Heathrow |
Salve o arquivo como table.html.
Salve o arquivo com um .html extensão. O arquivo deve ser salvo na raiz do seu documento.
Ver o arquivo no seu browser.
Abra seu navegador e digite http: //localhost/table.html na barra de endereços. Se o fizer, irá mostrar uma página como esta.
Observe que a tabela não tem nenhum fronteiras em torno dele. Se você gostaria de adicionar bordas, continuar a trabalhar através deste exercício.
Abrir table.html em seu editor de texto.
Se você fechou seu editor de texto, abra-o novamente e carga table.html.
Alterar o código no table.html ao seguinte:
Minha primeira página da Web minha Mesa
fronteira ="1"gt;Código do aeroporto Nome comum / Cidade CWA Wisconsin Aeroporto Central ORD Chicago O`Hare LHR London Heathrow
Note-se que a única mudança é adicionar um espaço e, em seguida, fronteira =”1" dentro do elemento.
Recarregar table.html no seu browser.
Se tiver fechado o navegador, reabri-lo e ir para http: //localhost/table.html. Se o seu navegador ainda está em aberto, pressione Ctrl + R para atualizar a página (Command + R no Mac). agora você vê uma borda em torno da mesa, como mostrado aqui.
