Scroll Top

Aprenda tudo que você precisa para criar o seu negócio na internet.  São 30 vídeos aulas totalmente gratuitas. Basta se cadastrar em um de nossos formulário.

Tutoriais

Listas em Mini curso de HTML – parte final

listas

LISTAS

Listas é uma boa forma de organizar as páginas WEB. Podem servir como resumos ou índices de todo o site, contendo links para as outras páginas criadas por você ou outras pessoas. Também podem ser usadas como menu.

TIPOS DE LISTAS:

#”Listas não numeradas;
#”Listas numeradas;
#”Listas de definições;
#”Listas intercaladas.
#”Listas Não Numeradas:
A TAG <UL>:
Inserem marcadores na frente de cada item.
Comando:
<UL TYPE=”formato”>
<LI> Tópico 1
<LI> Tópico 2
<LI> Tópico 3
</UL>
Onde:
1. <UL>: início da lista pontuada;
2. TYPE=”formato”: o formato do marcador pode ser:
$” disc: o marcador é um ponto (padrão utilizado pelos navegadores, não
precisa indicar)
$” square: o marcador é um quadrado
$” circle: o marcador é um círculo
3. <LI>: tópicos da lista, não e necessário encerrar com a TAG </LI>;
4. </UL>: fim da lista pontuada.

 

Exemplo: Salve o código abaixo como listas_nao_numeradas.html e abra no seu navegador para ver como fica no <HTML>

<HTML>
<HEAD>
<TITLE> Listas Não Numeradas
</TITLE>
</HEAD>
<BODY>
<H3>Listas Não Numeradas</H3>
<UL TYPE=”disc”>
<LI> Tópico um;
<LI> Tópico dois;
<LI> Tópico três.
</UL>
<UL TYPE=”square”>
<LI> Tópico um;
<LI> Tópico dois;
<LI> Tópico três.
</UL>
<UL TYPE=”circle”>
<LI> Tópico um;
<LI> Tópico dois;
<LI> Tópico três.
</UL>
</BODY>
</HTML>

 

Veja imagem abaixo:

listas

Listas Numeradas:

A TAG <OL>:
Permite inserir em sua página uma lista numérica ou alfabética, com valor pré-definido ou não.

Sintaxe de comando:
<OL TYPE=”formato” START=”n”><LI>Tópico 1<LI>Tópico 2<LI>Tópico n</OL>
Onde:
1. <OL>: início da lista numerada;
2. TYPE=”formato”: o formato da numeração pode ser:
$”1: lista numérica(não é necessário ser definido);
$”A: lista alfabética com letras maiúsculas;
$”a: lista alfabética com letras minúsculas;
$”I: lista numérica com números romanos maiúsculos;
$”i: lista numérica com números romanos minúsculos.
3. START=”n”: o valor inicial da lista numerada;
4. <LI>: tópicos da lista;
5. </OL>: fim da lista numerada.

Exemplo: Salve o código abaixo em um arquivo como o nome listas_numeradas.html.
<HTML>
<HEAD>
<TITLE> Listas Numeradas
</TITLE>
</HEAD>
<BODY>
<H3 align=”center”>Listas Ordenadas –
Numeradas</H3>
<H4>Lista Numerada Padrão:</H4>
<OL>
<LI> Tópico um;
<LI> Tópico dois;
<LI> Tópico três.
</OL>
<H5>Lista Numerada Padrão com
START=”10″:</H5>
<OL START=”10″>
<LI> Tópico um;
<LI> Tópico dois;
<LI> Tópico três.
</OL>
<H5>Lista Alfabética com Letras Maiúsculas:</H5>
<OL TYPE=”A”>
<LI> Tópico um;
<LI> Tópico dois;
<LI> Tópico três.
</OL>
</OL>
</BODY>
</HTML>

 

Veja como fica a imagem abaixo após abrir no seu navegador:

listasnumeradasListas de Definições:

A TAG <DL>:
São diferentes das outras listas, pois cada item de cada lista possui dois componentes:
um tópico e a descrição do tópico.
Sintaxe de comando:
<DL><DT> Tópico 1<DD> Descrição do tópico 1 <DT> Tópico n <DD> Descrição do
Tópico n </DL>
Onde:
1. <DL>: início da lista descritiva;
2. <DT>: tópico da lista descritiva;
$” não há limite para o número de tópicos;
$” não é necessário a TAG </DT>;
3. <DD>: descrição da lista descritiva:
$” para cada TAG <DT> existe uma TAG <DD>;
$” não é necessário a TAG </DD>;
4. </DL>: fim da lista des

Exemplo: Salve o código abaixo com o seguinte nome de arquivo listas_de_definições.html.
<HTML>
<HEAD>
<TITLE> Listas Descritivas
</TITLE>
</HEAD>
<BODY>
<H3><I>Exemplo de Listas
Descritivas</I></H3>
<DL>
<DT><B>Listas Não Ordenadas:</B>
<DD>As listas não ordenadas ou pontuadas
inserem&nbsp<I>marcadores</I>&nbspna
frente de cada item.
<DT><B>Listas Ordenadas:</B>
<DD>As listas ordenadas ou numeradas
inserem&nbsp<I>números</I>&nbspou&nbsp
<I>letras</I>&nbsp na frente de cada item.
<DT><B>Listas Descritivas:</B>
<DD>As listas descritivas ou de grossário
são diferentes das outras listas. Cada item
de uma lista descritiva tem dois componetes:
um <I>tópico</I> e uma <I>descrição de
tópico</I>.
</DL>
</BODY>
</HTML>

 

Veja imagem abaixo:

listas_de_definicoes

Se você acompanhou nosso  Mini Curso de HTML, você deve ter aprendido um pouquinho sobre HTML, mas criar sites não é apenas essas cinco mini aulas que tivemos. Se você quer realmente ter sucesso em seus negócios online, é preciso estudar muito, eu estarei postando muitas informações para criar negócios online, inclusive criar sites. Continue acompanhando o meu site e você terá a oportunidade de construir um grande negócio, seja online ou físico. Seja dedicado em tudo o que fizer e terá sucesso.

Leia aqui a parte 5!

 

 

Está Gostando do Artigo?

Se inscreva em nossa lista e receba 30 vídeos aulas grátis, ensinando como criar o seu negócio na internet a partir do zero.

| Website

Sou blogueiro por que gosto de ler e escrever. Criei este blog para te ajudar a criar o seu negócio na internet e ter um novo estilo de vida.

  • I’ll right away grab your rss feed as I can not find your email subscription link or e-newsletter service. Do you’ve any? Kindly let me know in order that I could subscribe. Thanks.

    Traduzido com Google Tradutor
    Eu vou imediatamente pegue o seu feed rss como eu não pode encontrar o seu link de inscrição e-mail ou serviço de e-newsletter. Não você tem alguma? Por favor, me avise para que eu pudesse assinar. Obrigado.

  • I just want to mention I’m all new to blogs and definitely savored this web site. More than likely I’m planning to bookmark your blog . You actually have wonderful stories. Thanks a bunch for sharing with us your web site.

    Traduzido com Google Tradutor
    Eu só quero falar que eu sou tudo novo para blogs e definitivamente saboreado este web site. Mais do que provável que eu estou planejando para marcar o seu blog. Você realmente tem histórias maravilhosas. Muito obrigada por compartilhar conosco o seu web site.

    • Obrigado, estou a sua disposição para o que precisar.

      Thanks, I’m your disposal for whatever you need.

  • I just want to say I am just new to blogs and seriously savored your web blog. More than likely I’m going to bookmark your blog . You really have remarkable writings. With thanks for revealing your website page.

    Tradução:
    Eu só quero dizer que eu sou apenas novo para blogs e saboreou a sério seu blog na web. Mais do que provavelmente eu vou marcar o seu blog. Você realmente tem escritos notáveis. Com agradecimentos para revelar sua página do site.

  • Aprilo

    Quero utilizar a tag dessa forma:

    O Vieirinha namorou durante dois anos a Xandoca; mas o pai dele, … .

    É certo ou errado?

    A tag evita espaços brancos entre um parágrafo e outro.
    A tag será usado no início e no fim do texto, somente para configurar a fonte, etc.

    Muito obrigada.

    • Obrigado pela sua visita!
      Desculpe, não entendi a sua pergunta!
      Poderia ser mais específico por favor!

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.
error: Este conteúdo está protegido ! Se precisar de alguma coisa envie mensagem pelo formulário de contato.