Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula de Programação Web

    Enviado por

    Ezequiel Mário Van-Dunem
    3 visualizações2 páginas

    Título original

    AULA DE PROGRAMAÇÃO WEB

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    3 visualizações2 páginas

    Aula de Programação Web

    Enviado por

    Ezequiel Mário Van-Dunem

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    AULA DE PROGRAMAÇÃO WEB

    SUMÁRIO: CRIAÇÃO DE TABELAS.

    Tabelas
    As tabelas são muito importantes para o designer de uma home-page. Com elas pode-se
    fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A
    funcionalidade de uma tabela faz com que um determinado site tenha um aspecto mais
    profissional e o usuário possa navegar de forma mais eficiente, pois os objetos podem
    estar melhor posicionados na home-page.

    Elementos básicos de tabelas:


    <table> . . . </table> delimita uma tabela. Um atributo básico é border, que indica a
    apresentação da borda.
    <table border=borda_em_pixels>
    ...
    </table>
    títulos, linhas e elementos:
    <caption> . . . </caption> define o título da tabela
    <tr> . . . </tr> delimita uma linha
    <th> . . . </th> define um cabeçalho para colunas ou linhas em negrito (dentro de <tr>)
    <td> . . . </td> delimita uma célula; alguns chamam de coluna (dentro de <tr>)

    uma tabela simples:


    <html>
    <head>
    <title>Criando Tabelas</title>
    </head>
    <body>
    <center><font color=”#0000FF” size=6>TABELA</font></center>
    <br>
    <table border=1> <!--Inicia a tabela e coloca uma borda de espessura igual a 1-->
    <caption>Primeiro Exemplo</caption> <!--Aqui foi colocado o título da tabela-->
    <tr> <!--Cria a primeira linha da tabela-->
    <td>PRIMEIRA COLUNA </TD> <!--Aqui foi criada uma célula-->
    17
    <td>SEGUNDA COLUNA </TD>
    <td>TERCEIRA COLUNA </TD>
    </tr> <!--Fecha a primeira linha da tabela-->
    <tr> <!--Abre a segunda linha da tabela-->
    <td> PRIMEIRA COLUNA</td>
    <td>SEGUNDA COLUNA </td>
    <td>TERCEIRA COLUNA </td>
    </tr> <!--Encerra a Segunda linha da tabela-->
    </table> <!--Encerra a tabela-->
    </body>
    </html>

    Atributo NOWRAP: Este atributo evita a quebra de linhas dentro de uma célula. O texto
    inserido no campo não pode ser dividido em mais de uma linha. Deve ser adicionado
    dentro
    do <td>:
    <td nowrap>Texto sem quebra de linha : Atributo NOWRAP</td>

    ROWSPAN e COLSPAN : é possível englobar colunas e linhas através desses atributos,


    permitindo que se modifique a disposição dos elementos na tabela. Colspan é usado
    para
    colunas, e rowspan para linhas.
    Neste exemplo, vemos que o cabeçalho Colunas 1 e 2 compreende duas colunas
    (colspan=2); o cabeçalho 3 linhas compreende, por sua vez, 3 linhas (rowspan=3).
    Atributos de espaçamento:
    Dois atributos permitem o controle de espaçamento em tabelas:
    Cellpadding – espaço entre o texto e as bordas da célula
    Cellspacing – espaço entre células

    Você também pode gostar