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

Más contenido relacionado

Destacado (15)

WHO Guidelines: 2010 and Beyond
WHO Guidelines: 2010 and BeyondWHO Guidelines: 2010 and Beyond
WHO Guidelines: 2010 and Beyond
 
Muito prazer, eu sou PHP
Muito prazer, eu sou PHPMuito prazer, eu sou PHP
Muito prazer, eu sou PHP
 
A Pooling of Resources and Talents to Advance Rural Policy
A Pooling of Resources and Talents to Advance Rural PolicyA Pooling of Resources and Talents to Advance Rural Policy
A Pooling of Resources and Talents to Advance Rural Policy
 
Ijerph 08-00321-v2
Ijerph 08-00321-v2Ijerph 08-00321-v2
Ijerph 08-00321-v2
 
The Ruby Programming Language - Ryan Farnell
The Ruby Programming Language - Ryan FarnellThe Ruby Programming Language - Ryan Farnell
The Ruby Programming Language - Ryan Farnell
 
DGPUK Social TV: Neue Kommunikationsformen, neue Öffentlichkeit?
DGPUK Social TV: Neue Kommunikationsformen, neue Öffentlichkeit?DGPUK Social TV: Neue Kommunikationsformen, neue Öffentlichkeit?
DGPUK Social TV: Neue Kommunikationsformen, neue Öffentlichkeit?
 
Medgeneracijska kooperativa
Medgeneracijska kooperativaMedgeneracijska kooperativa
Medgeneracijska kooperativa
 
Clean code
Clean codeClean code
Clean code
 
Historic preservation power point
Historic preservation power pointHistoric preservation power point
Historic preservation power point
 
BHL overview for GPO Interagency Seminar
BHL overview for GPO Interagency SeminarBHL overview for GPO Interagency Seminar
BHL overview for GPO Interagency Seminar
 
DDD e PHP - TDC 2012
DDD e PHP - TDC 2012DDD e PHP - TDC 2012
DDD e PHP - TDC 2012
 
2010 jan 5
2010 jan 52010 jan 5
2010 jan 5
 
Interculturalism in the efl class
Interculturalism in the efl classInterculturalism in the efl class
Interculturalism in the efl class
 
Maine Shared Collections Strategy: Why now in Maine?
Maine Shared Collections Strategy: Why now in Maine? Maine Shared Collections Strategy: Why now in Maine?
Maine Shared Collections Strategy: Why now in Maine?
 
Curso de Desenvolvimento Mobile - Android - Começo e SDK
Curso de Desenvolvimento Mobile - Android - Começo e SDKCurso de Desenvolvimento Mobile - Android - Começo e SDK
Curso de Desenvolvimento Mobile - Android - Começo e SDK
 

Similar a Html - listas

Similar a Html - listas (20)

Html - textos
Html - textosHtml - textos
Html - textos
 
Html 01
Html 01Html 01
Html 01
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 
Html - Estrutura básica
Html - Estrutura básicaHtml - Estrutura básica
Html - Estrutura básica
 
HTML introdução
HTML  introduçãoHTML  introdução
HTML introdução
 
HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no html
 
Html
HtmlHtml
Html
 
Internet I - Aula 03 - O Maravilhoso Mundo do HTML
Internet I - Aula 03 - O Maravilhoso Mundo do HTMLInternet I - Aula 03 - O Maravilhoso Mundo do HTML
Internet I - Aula 03 - O Maravilhoso Mundo do HTML
 
Tecnologias Web com foco na criação de Landing Pages
Tecnologias Web com foco na criação de Landing PagesTecnologias Web com foco na criação de Landing Pages
Tecnologias Web com foco na criação de Landing Pages
 
HTML - Parte 1
HTML - Parte 1HTML - Parte 1
HTML - Parte 1
 
Html5 em 15 minutos
Html5 em 15 minutosHtml5 em 15 minutos
Html5 em 15 minutos
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
HTML e Hipertexto
HTML e HipertextoHTML e Hipertexto
HTML e Hipertexto
 
Html E Css
Html E CssHtml E Css
Html E Css
 
Aula 04
Aula 04Aula 04
Aula 04
 
Html5 primeiros passos
Html5 primeiros passosHtml5 primeiros passos
Html5 primeiros passos
 
Html
HtmlHtml
Html
 
1ª aula php
1ª aula php1ª aula php
1ª aula php
 
02 html - fontes e estilos
02 html  - fontes e estilos02 html  - fontes e estilos
02 html - fontes e estilos
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 

Html - listas

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