HTML Tutorial
Alinhamento
Formatação
Títulos
Linhas
Tabelas
Imagens
Mapas Clicáveis
Formulários
Frames

Listas

  • Listas Ordenadas (numbered lists)
Essas listas s�o delimitadas pela container tag <ol> enquanto seus �tens s�o precedidos pela empty tag <li>.  Os atributos da tag <ol> s�o type e start. O atributo type pode ter como valores letras mai�sculas ("A, B, C..."), min�sculas ("a, b, c..."), algarismos romanos mai�sculos ("I, II, III..."), min�sculos ("i, ii, iii...") ou algarismos naturais ("1, 2, 3..."), que s�o os valores default.  Exemplos:
<ol type="A">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ol>
    Cores da bandeira
  1. Verde
  2. Amarelo
  3. Azul
  4. Branco
<ol type="a">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ol>
    Cores da bandeira
  1. Verde
  2. Amarelo
  3. Azul
  4. Branco
<ol type="I">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ol>
    Cores da bandeira
  1. Verde
  2. Amarelo
  3. Azul
  4. Branco
<ol type="i">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ol>
    Cores da bandeira
  1. Verde
  2. Amarelo
  3. Azul
  4. Branco
<ol type="1">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ol>
    Cores da bandeira
  1. Verde
  2. Amarelo
  3. Azul
  4. Branco
<ol>Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ol>
    Cores da bandeira
  1. Verde
  2. Amarelo
  3. Azul
  4. Branco
O atributo start define a letra ou algarismo que iniciar� a lista.  Caso n�o seja especificado, como nos exemplos acima, o valor default ser� "1", "A", "a", "I" ou "i" conforme a especifica��o do atributo type.
  • Listas N�o Ordenadas (bullet lists)
Essas listas s�o delimitadas pela container tag <ul> enquanto seus �tens s�o precedidos pela empty tag <li>.   Seu atributo type pode ter como valor "circle", "square." ou "disc", que � o valor default.  Exemplos:
<ul type="circle">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ul>
    Cores da bandeira
  • Verde
  • Amarelo
  • Azul
  • Branco
<ul type="square">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ul>
    Cores da bandeira
  • Verde
  • Amarelo
  • Azul
  • Branco
<ul type="disc">Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ul>
    Cores da bandeira
  • Verde
  • Amarelo
  • Azul
  • Branco
<ul>Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</ul>
    Cores da bandeira
  • Verde
  • Amarelo
  • Azul
  • Branco
  • Listas de �ndice
Essas listas s�o delimitadas pela container tag <menu> enquanto seus �tens s�o precedidos pela empty tag <li> , equivalendo-se �s listas n�o ordenadas sem atributos..  
<menu>Cores da bandeira
<li>Verde
<li>Amarelo
<li>Azul
<li>Branco
</menu>		 Cores da bandeira
  • Verde
  • Amarelo
  • Azul
  • Branco
    • Listas de Defini��o
    Essas listas s�o delimitadas pela container tag <dl> enquanto seus �tens s�o precedidos pelas empty tags <dt> para os termos e <dd> para as defini��es, todas sem atributos.
    <dl>
    <dt>Carro
    <dd>Ve�culo de rodas para transporte de pessoas ou carga.
    <dt>Carro�a
    <dd>Carro grosseiro, ordinariamente de tra��o animal, para transportar cargas.
    </dl>
    Carro
    Ve�culo de rodas para transporte de pessoas ou carga.
    Carro�a
    Carro grosseiro, ordinariamente de tra��o animal, para transportar cargas.
    Hosted by www.Geocities.ws

    1