Em mais uma postagem sobre HTML vamos aprender a criar listas
As listas são um importante recurso em HTML pois permitem a criação de uma estrutura em tópicos para uma melhor visualização de um determinado tema, como por exemplo a criação de menus.
Abra o gedit (ou um editor de texto de sua preferência) e abra também o arquivo da aula anterior:
Existe dois tipos de listas:
Lista ordenada: aquelas que possuem numeração
Lista não ordenada: não possuem numeração, apenas símbolos são utilizados
Vamos começar com a lista ordenada, sendo a sua tag <ol></ol>. Os item adicionados por sua vez ficam dentro da tag <li></li>. Veja no gedit:
No exemplo coloquei o nome dos três principais times mineiros. Vamos ver como ficou no navegador:
Note que os times foram numerados.
Se por sua vez quisermos apenas listar os times sem numeração utilizamos a lista não ordenada <ul></ul>. Veja no gedit e no navegador respectivamente:
Note que no lugar da numeração apareceu o símbolo de uma “bolinha” que é o padrão. Porém podemos utilizar outros símbolos adicionando o atributo type a tag <ul> que contém os seguintes valores:
“square”
“circle”
“disc”
Veja como fica com o valor square:
Podemos utilizar o atributo type nas listas ordenadas para por exemplo deixarmos os números em romanos:
Aguarde os próximos tutoriais sobre HTML.
Veja agora o vídeo do tutorial:
Nenhum comentário:
Postar um comentário