Estilizando Tabelas

Alguns atributos utilizados na tabela

width: serve para determinar a largura da área de um conteúdo de um elemento;

Align determina o posicionamento de um elemento, podendo ser center, left e right;

Cellspacing é utilizado para controlar as distâncias entre colunas;

Cellpading especifica o espaço do conteúdo e as bordas das células de uma tablea;

Alguns comandos de CSS para estilizar as tabelas feitas no html

<style>

table thead th{

    background-color: black;

    color: wite

   }

dessa forma a tabela ficara com o cabeçário com o fundo preto e as letras brancas

table tfoot td{

    background-color: lightslategray

    color: black

    }

Aqui o rodapé ficará com o fundo cinza e a cor das letras preto.

table tbody tr:nth-child(even) td{

background-color:#f1f1f1;

}

O comando tr:nth-child(even) vai pintar as linhas pares da tabela.

table tbody tr:hover td{

    background-color: #E9E9E9

    }

table tbody tr:hover td fará que, ao passar o mouse em cima da linha ela vai mudar de cor

    

tr:nth-child(even) 

tag tbody, thead e tfoot

São tags para agrupas parte do código utilizados nas tabelas

tbody é para o corpo

thead serve para o cabeçalho 

tfoot para o rodapé

Tag

 Usamos a tag TH para cabeçalho das tabelas, deixando-as destacadas.

Podemos usar um atributo chamado title dentro do TH para quando o usuário por o mouse em cima da célula com o cabeçário aparecer o nome completo da frase.

Exemplo:

th title = "Nome completo">Nome</th>

quando o usuário passar o mouse em nome, vai aparecer "Nome completo"

 Boa noite!!!

Aula de hoje é sobre a tag TR, que são as linhas das tabelas

Tag <TR>  São as linhas das tabelas.

usamos o CSS para clocar uma cor alternada em uma tabela:

<style>

table tr:nth-child(even) {

       background-color: azure;

}

<style>

Tabelas em HTML

 Boa noite!!!

Tag <table>

Define um espaço no seu HTML em que você vai colocar dados tabulares.

tag <tr> serve para linha

tag <td> para coluna

Na tag Table você pode colocar alguns atributos: 

• border -> colocar a borda na tabela;
• widt -> Largura na tabela
• align -> centralizar a tabela na página
• cellspacing - > espaçamento entre as células
• cellpadding  -> espaçamento do conteúdo das célula e as bordas
• summary -> é utilizado como um sumário ou legenda para o conteúdo de um elemento <details>
• 
  

24/05/2010

Nesta aula cheguei atrasado mais um dia, isto foi muito ruim pro meu aprendizado mas deu pra pegar ainda boa parte da aula.

A nossa teacher falou sobre os relative pronouns que sao os seguintes abaixo:
Who/whom = utilizadas para pessoa relacinadas anteriomente
that = pessaos coisas/animais
wich= coisas/animais
whom= quando
whore= lugar

Logo depois de falar sobre relative pronouns Sheila passou uma atividade para agente, escutamos uma musica de Bob Dylan e completamos partes da letra que estava faltando, infelizmente para mim nao foi muito fácil faze-la.

19-05-10

Nesta aula a professora fez uma dinamica com agente deu varias figeuras e palavras que eram os indentificadores da imagem, umas pessoas ficavam com a imagens e outras com a figura. havia mouse, keyboard, e outraspalavras que nao lembro. Depois quem ficou com as imagens teria que pronunciar a palvra em inglês.