NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalTutoriaisInformatizando sua Empresa com Excel : Htmlbasico006
Quer receber novidades e e-books gratuitos?

FILTRO DE TUTORIAIS:


Html Básico. Parte 6

 

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>

 

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>

 

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

 

Conclusão

 

Ensinei a utilizar a criar listar ordenadas e listas de definição , tudo de uma  forma objetiva e mostrado através das telas para que você tenha uma melhor compreensão, na próxima parte continuaremos o nosso aprendizado sobre html.Bons Estudos.

Quer receber novidades e e-books gratuitos?

Cursos Online

  • Banco de Dados
  • Carreira
  • Criação/Web
  • Excel/Projetos
  • Formação
  • + Todas as categorias
  • Essential SSL

    Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

    Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208

    Todos os direitos reservados, Júlio Battisti 2001-2020 ®

    [LIVRO]: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2010 - PASSO-A-PASSO

    APRENDA COM JULIO BATTISTI - 1124 PÁGINAS: CLIQUE AQUI