1. #1
    Avatar de helldanger1
    Registo
    Aug 2007
    Idade
    43
    Posts
    29.633

    Padrão HTML Básico - Criando Listas Ordenadas e Listas de Definição

    Objetivo:

    O objetivo deste tutoria a criar lista ordenas e lista de definição sempre de uma forma bem objetiva , tudo mostrado através das telas.



    Pré-requisito:

    Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do
    de informática básica e Parte 1, Parte 2, Parte 3 , Parte 4 e Parte 5 do tutorial html básico.



    Nota:

    Irei ensinar a linguagem de html de uma forma bem objetiva, ou seja, iremos aprender na prática através da criação páginas.



    Vamos aprender a criar listas ordenadas, então crie uma página em branco com o nome de “lista.hml”:



    <html>

    <head><title>Listas</title>

    <body>

    <center><h1>Listas</h></center>

    </body>

    </html>


    Tela 001



    Sua criação é simples e para cria-las utilizamos as etiquetas <ol></ol> sendo que cada um dos elementos fica citado por outra etiqueta <li></li> sendo assim as memas ficaram:



    <ol>

    <li> Internet</li>

    <li> Computador</li>

    <li> Site</li>

    </ol>



    Todos os artigos por mim postados, estão hosp na própria Internet,Qualquer arquivo protegido deve permanecer,no máximo, 24 horas em seu computador. - Eles podem ser baixados apenas para teste, devendo o usuário apaga-lo ou comprá-lo apos 24 horas. - A Aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.

  2. #2
    Avatar de helldanger1
    Registo
    Aug 2007
    Idade
    43
    Posts
    29.633
    Tela 002



    Tela 003



    Também podemos definir o tipo de estilo utilizado pela lista como números ou até mesmo utilizar letras (A, B, C) para isso utilizamos mais um atributo que é o “type” que deve ser incluido dentro da etiqueta <ol> sendo que o mesmo ficaria assim:



    <ol type=”a”>



    Iremos ver os cada um desses tipos lista ,copie e cole no bloco de notas a lista abaixo, salve e depois atualize a página:



    <ul type="a">

    <li> Internet</li>

    <li> Computador</li>

    <li> Site</li>

    </ul>



    Tela 004(Por letra)



    Tela 005



    Agora iremos aprender a criar lista d definição o processo é semelhante ao que acabamos de aprender, portanto, para criar a a lista utilizamos as etiquetas <dl></dl> sem do utilizarenmos duas etiquetas para definição <dt></dt> e <dd></dd>, então ficaria assim:



    <dl>

    <dt>Html</dt>

    <dd> Html Basico</dd>

    <dt> Aprender</dt>

    </dl>



    Ou poderiamos definir da seguinte maneira:



    <dl>

    <dd>Aprender

    <dl>

    <dd>Html

    <dl>

    <dd> Sempre

    </dl>

    </dl>

    </dl>


    Todos os artigos por mim postados, estão hosp na própria Internet,Qualquer arquivo protegido deve permanecer,no máximo, 24 horas em seu computador. - Eles podem ser baixados apenas para teste, devendo o usuário apaga-lo ou comprá-lo apos 24 horas. - A Aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.

  3. #3
    Avatar de helldanger1
    Registo
    Aug 2007
    Idade
    43
    Posts
    29.633
    Veja como fica na página com o primeiro e segundo código, para isso,copie e cole no bloco de notas, salve para visulizar no brauser.



    Tela 006



    Tela 007



    Segundo código:


    Tela 008



    Tela 009


    Todos os artigos por mim postados, estão hosp na própria Internet,Qualquer arquivo protegido deve permanecer,no máximo, 24 horas em seu computador. - Eles podem ser baixados apenas para teste, devendo o usuário apaga-lo ou comprá-lo apos 24 horas. - A Aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •  

Conectar

Conectar