Curso de Webdesign

Listagem 1.7

<html>
<head><title>Listas</title>
</head>
<body>
<h3>Isto é uma listagem iniciando no número 4</h3>
<ol start=4>
<li>Item 1
<li>Item 2
<li>Item 3
</ol>
<h3>Isto é uma listagem com letras</h3>
<ol type=A>
<li>Editora
<li>Érica
<li>Livros </ol>
<h3>Isto é uma listagem em algarismo romano</h3>
<ol type=I>
<li>Editora <li>Érica <li>Livros </ol>
<h3>Esta é uma listagem em algarismo romano a partir do número 3</h3>
<ol type=I start=3>
<li>Editora <li>Érica <li>Livros </ol>
</body>
</html>

Fim da Listagem 1.7

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo6.html. Veja a figura 1.8

Vamos terminar esta lição com mais um exemplo? Desta vez, faremos uma listagem com subníveis. Para entender isto, digite a listagem 1.8, e salve como exemplo7.html

Listagem 1.8

<html>
<head><title>Listas</title>
</head>
<body>
<h3>Listagem e SubListagem</h3>
<ol><! Início do Numerador>
<li>Item 1
<ul><! Início do Marcador dentro do Numerador>
<li type=disc>Item 1.1
<li type=disc>Item 1.2
<li type=disc>Item 1.3
</ul><! Fim do Marcador dentro do Numerador>
<li> Item 2
<ul><! Início do Marcador dentro do Numerador>
<li type=square>Item 2.1
<ul><!Início do Marcador dentro do Marcador>
<li type=circle>Item 2.1.1
<li type=circle>Item 2.1.2
<li type=circle>Item 2.1.3
</ul><!Fim do Marcador dentro do Marcador>
<li type=circle>Item 2.2
<li type=disc>Item 2.3
</ul><! Fim do Marcador dentro do Numerador>
<li> Item 3
</ol><! Fim do Numerador>
</body>
</html>

Fim da Listagem 1.8

Ufa! Terminamos mais uma etapa! Esse código foi grande, mas valeu!
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exempl7.html. Veja a figura 1.9

112 comentários

  1. silvana dias

    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.

  2. 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!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *