Cursos Grátis Cursos Gratuito, Milhares de cursos e apostilas gratis. Cursos de Informática, profissionalizantes, saude, especial, marketing e vendas, manuais, negócios, culinária, concursos e provas
Exercício 5 – LISTAS NUMERADAS E MARCADAS
E lá vamos nós para um mais exercício. Desta vez trabalharemos com listas numeradas e marcadores. Assim como em uma carta ou qualquer outro documento comum, precisamos listar tópicos através de símbolos ou números. Para entender isto, digite a listagem 1.6, e salve como exemplo5.html
Listagem 1.6
<html>
<head><title>Listas</title>
</head>
<body>
<h3>Isto é uma lista</h3>
<! Início dos Numeradores>
<ol>
<li>Item 1
<li>Item 2
<li>Item 3
</ol>
<! Fim dos Numeradores>
<hr width=50% size=5 align=left>
<! Início dos Marcadores>
<ul>
<li>Item 1
<li>Item 2
<li>Item 3
</ul>
<! Fim dos Marcadores>
</body>
</html>
Fim da Listagem 1.6
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo5.html. Veja a figura 1.7
CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO
|
TAG
|
O QUE FAZ |
| <ol> | Marca o início e o fim de uma lista ordenada. Recebem na primeira linha um número ou letra. Devem ser usados com tag <LI> Atributos |
| <ul> | Marca o início e o fim de uma lista não ordenada, ou seja, os itens da lista recebem símbolos na primeira linha. Devem ser usados com tag <LI> Atributos Type = modifica o tipo do marcador (símbolo), que pode ser: Circle = um círculo vazio. Ex: <ul type=circle> Disc = um círculo cheio. Ex: <ul type=disc> Square = um quadrado cheio Ex: <ul type=square> |
Ficou confuso? Quer mais um exemplo para entender legal? Vamos nessa! Para entender isto, digite a listagem 1.7, e salve como exemplo6.html,
OLHA ESTOU SURPRESA COM A RIQUEZA DE VARIEDADE DE OPÇÕES DE CURSOS GRATUITOS POR ISSO NÃO POSSO DEIXAR DE EXPRESSAR MINHA ALEGRIA. PARABENS AOS AUTORES DESTE SITE ,NUNCA SAIAM DA NET .ESTAREI COM VÕCES SEMPRE.
nossa genial aprendi muito com o curso tinha lido o curso sobre Html (aqui mesmo) e percebi que sempre tinha que colocar aspas igual no blogger tipo e é mais complicado quando você faz um código muito grande você fica meio perdido, aqui nem precisa e da certo do mesmo jeito tipo gostei pra caramba vlw!