Html - listas

613 visualizações

Publicada em

Demonstra o uso das tags de representação de listas

Publicada em: Tecnologia, Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
613
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
8
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Html - listas

  1. 1. Linguagem de Hipertextos<br />HTML - listas<br />
  2. 2. Sobre mim<br />Luís Otávio CobucciOblonczyk<br />Desenvolvedor PHP<br />Orientador SENAC-TI<br />http://twitter.com/lcobucci<br />
  3. 3. Sobre este trabalho<br />Esta apresentação foi criada sob as licenças CreativeCommons<br />Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas. <br />
  4. 4. Tags de listas<br />As principais tags de listas são:<br /><ol>= Listas ordenadas<br /><ul>= Listas não ordenadas<br />Também temos uma outra lista lista:<br /><dl>= Lista de definição de termos<br />
  5. 5. Listas ordenadas<br />Utilizamos listas ordenadas quando precisamos definir tópicos que seguem uma ordem (exemplo: índice de um livro).<br />O browser incrementa o contador sozinho.<br />Os contadores podem ser numéros, letras (maiúsculas ou minúsculas), i’s (também maiúsculos ou minúsculos)<br />
  6. 6. Listas ordenadas<br /><html><head><title>Teste</title></head><br /><body><br /><ol><li>teste 1</li><li>teste 2</li></ol><br /></body><br /></html><br />O resultado deste código será:<br />teste1<br />teste 2<br />
  7. 7. Listas não ordenadas<br />Utilizamos listas não ordenadas quando precisamos definir tópicos que não seguem uma ordem (exemplo: tópicos de um slide).<br />Os demarcadores podem ser círculos preenchidos, círculos vazios e quadrados.<br />Através de CSS pode-se alterar a apresentação dos demarcadores.<br />
  8. 8. Listas não ordenadas<br /><html><head><title>Teste</title></head><br /><body><br /><ul><li>teste 1</li><li>teste 2</li></ul><br /></body><br /></html><br />O resultado deste código será:<br /><ul><li>teste1
  9. 9. teste 2</li></li></ul><li>Listas de definições<br />Utilizamos listas de definições quando desejamos definir termos (exemplo: dicionário).<br />
  10. 10. Listas de definição<br /><html><head><title>Teste</title></head><br /><body><br /><dl><dt>HTML</dt><dd>Hypertext MarkupLanguage</dd><dt>PHP</dt><dd>Hypertext Preprocessor</dd></dl><br /></body><br /></html><br />O resultado deste código será:<br />HTML<br />Hypertext MarkupLanguage<br />PHP<br />Hypertext MarkupPreprocessor<br />

×