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:

  1. Abra o seu editor de texto.

  2. No editor de texto, crie um novo documento de texto.

    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.

    image0.jpg
  3. Digite o seguinte HTML:

    Minha primeira página da Web

    minha Mesa

    Código do aeroportoNome comum / Cidade
    CWAWisconsin Aeroporto Central
    ORDChicago O'Hare
    LHRLondon Heathrow
  4. Salve o arquivo como table.html.

    Salve o arquivo com um .html extensão. O arquivo deve ser salvo na raiz do seu documento.

    image1.jpg
  5. Visualizar 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.

    image2.jpg

    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.

  6. Abrir table.html em seu editor de texto.

    Se você fechou seu editor de texto, abra-o novamente e carga table.html.

  7. Alterar o código no table.html ao seguinte:

    Minha primeira página da Web

    minha Mesa

    border = "1">Código do aeroportoNome comum / CidadeCWAWisconsin Aeroporto CentralORDChicago O'HareLHRLondon Heathrow

    Note-se que a única mudança é a de adicionar um espaço e, em seguida, border = "1" dentro do elemento.

  8. Recarregar table.html no seu browser.

    Se você fechou seu navegador, abra-o e vá 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 ao redor da mesa, como mostrado aqui.

    image3.jpg

menu