Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Conectar-se

Esqueci minha senha

Últimos assuntos
» What"s up?
Seg Nov 14, 2011 1:36 pm por luiz_100juizo

» Olá caro programadores!
Sab Out 29, 2011 7:58 am por AllanXD! Soft

» Eae Galera
Sab Out 01, 2011 7:10 am por MegafireWoody

» [Atualização do fórum]Alguns ícones modificados
Sex Ago 05, 2011 2:49 pm por Henrique_GJ

» Amem Cheguei Manolo
Sex Ago 05, 2011 2:48 pm por Henrique_GJ

» aula de CSS Nº2 - Backgrounds
Sex Ago 05, 2011 2:47 pm por Henrique_GJ

» [Atualização do fórum]Atualização nas publicidades
Sex Ago 05, 2011 2:46 pm por Henrique_GJ

» Comple na área
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

» [Atualização no fórum]Área de suporte para o CSS
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

Os membros mais ativos da semana


aula de HTML Nº3 - Listas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

aula de HTML Nº3 - Listas

Mensagem por prizm em Qui Jul 21, 2011 1:26 pm



Hoje vamos continuar com as nossas aulas de HTML com o assunto das listas e tabelas.

-LISTAS-

Para fazer uma lista em HTML só é preciso saber um conjunto básico de tags.

-Listas Não Numeradas-

Para as listas não numeradas são necessários os seguintes tags:
Código:

<UL> inicia a lista não numerada.
<LI> marca cada ponto da lista.
</UL> finaliza a lista não numerada.

Exemplo:
Código:

<UL>
<LI>Bébé
<LI>Criança
<LI>Adolescente
</UL>

E o resultado é:

  • Bébé
  • Criança
  • Adolescente


-Listas Numeradas-

A única diferença entre o código das listas não numeradas e das numeradas é que nestas utiliza-se um tag diferente oara iniciar a lista:
Código:

<OL> Inicia a lista numerada.
</OL> Finaliza a lista numerada.

Exemplo:
Código:

<OL>
<LI>Bébé
<LI>Criança
<LI>Adolescente
</OL>

E o resultado é:

  1. Bébé
  2. Criança
  3. Adolescente


-TABELAS-

-Estrutura básica da tabela-

A estrutura básica de uma Tabela é simples só é necessário os seguintes tags:
Código:

<TABLE> </TABLE> Inicia/finaliza uma tabela sem bordas.
<TABLE BORDER =n> </TABLE> Inicia/finaliza uma tabela com bordas (n é o numero de pixels da borda).
<CAPTION></CAPTION> Inicia/finaliza a legenda da tabela.
<TR> </TR> Inicia/finaliza uma linha.
<TD> </TD> Inicia/finaliza uma célula normal.
<TH> </TH> Inicia/finaliza uma célula do cabeçalho ( o que é colocado nestas células aparece a negrito e centrado).

Exemplo:
Código:
<TABLE BORDER =3><CAPTION> Tabela</CAPTION>
<TR><TH>Ímpares</TH><TH>Pares</TH></TR>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>




Tabela
ÍmparesPares
12
34

-Outros atributos da tabela-

Podemos mudar os atributos de cada célula dentro de uma Tabela com os seguintes comandos
[tr]
AtributoDescrição
ALIGN (LEFT, CENTER, RIGHT) Alinhamento horizontal da célula
VALIGN (TOP, MIDDLE, BOTTOM) Alinhamento vertical da célula
COLSPAN=n Número (n) de colunas que uma célula ocupa
ROWSPAN=n Número de linhas que uma célula ocupa
WIDTH= Largura da célula
CELLPADDING Espaço a ser acrescentado entre uma coluna e outra

Exemplo:
Código:

<TABLE BORDER=10 WIDTH="50%" CELLPADING=5>
<TR><TD COLSPAN=3 ALIGN=CENTER> Tabela Grande</TD></TR>
<TR><TD ROWSPAN=2 VALIGN=MIDDLE ALIGN=CENTER> Valores</TD></TR>
<TR><TD COLSPAN=2 ROWSPAN=2 ALIGN=CENTER VALIGN=BOTTOM>1,2,3,4</TD></TR>
</TABLE>

Aqui não mostro como fica pois o editor de HTML do forum não o suporta.

E assim chegamos ao fim de mais um tutorial!

qualquer dúvida mandem uma MP ou deixem uma resposta. Very Happy



Última edição por prizm em Qui Jul 21, 2011 3:29 pm, editado 4 vez(es)

------------Assinatura-------------
quer me contactar?

msn: jooaomf@hotmail.com
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº3 - Listas

Mensagem por Henrique_GJ em Qui Jul 21, 2011 1:54 pm

muito bom seus tutoriais parabns denovo

eu acho tão chato mecher com lista e principalmente com tabela

eu sabia fazer umas doideraça com tabela tipo coisa na diagonal e talz mas nem lembro mais como
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº3 - Listas

Mensagem por prizm em Qui Jul 21, 2011 2:29 pm

vlw Henrique!

se lembrar poste aqui!

------------Assinatura-------------
quer me contactar?

msn: jooaomf@hotmail.com
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº3 - Listas

Mensagem por Henrique_GJ em Qui Jul 21, 2011 9:25 pm

eu tenho que achar as apostilas Mad
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº3 - Listas

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum