Quer receber novidades e e-books gratuitos?
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
Júlio Battisti tem mais de 50 livros publicados, centenas de e-books e é certificado Microsoft.
FILTRO DE TUTORIAIS:
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
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.
|
CURSO PROFISSIONALIZANTE DE INFORMÁTICA |
|
São 68 Cursos -
3440 Vídeo Aulas - 396:07 horas |
|
Domine Todos os Recursos de Informática Exigidos pelo Mercado de Trabalho, Através de Exemplos Práticos, Completos e Úteis, Detalhadamente Explicados - Passo a Passo |
|
Para Todos os Detalhes, Acesse:
https://juliobattisti.com.br/informatica-curso-completo-1v.asp |
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-2024 ®
LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO
DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI
