Curso de HTML5, CSS e JavaScript

Aqui, você irá aprender 3 linguagens essenciais para criar páginas Web: HTML5, CSS e JavaScript.

Se você está começando, vou explicar de uma maneira bem grosseira: HTML5 é para colocar as coisas na página, CSS é para deixar bonito.
Ou seja, HTML5 separa os elementos da interface em seções, tabelas, formulários, parágrafos, etc., enquanto a linguagem CSS formata esses elementos com cores, bordas, espaçamento, etc.
A linguagem JavaScript detecta a interação do usuário e permite manipular os elementos da interface, aprimorando a experiência do usuário.

HTML5 - listas numeradas e não-numeradas

Listas numeradas: tag <ol>


<ol>
        <li>Item 1 da lista</li>
        <li>Item 2 da lista</li>
        <li>Item 3 da lista</li>
        <li>Item 4 da lista</li>
        <li>Item 5 da lista</li>
</ol>
Resultado
  1. Item 1 da lista
  2. Item 2 da lista
  3. Item 3 da lista
  4. Item 4 da lista
  5. Item 5 da lista

Listas não-numeradas: tag <ul>


<ul>
        <li>Item da lista</li>
        <li>Item da lista</li>
        <li>Item da lista</li>
        <li>Item da lista</li>
        <li>Item da lista</li>
</ul>
Resultado
  • Item 1 da lista
  • Item 2 da lista
  • Item 3 da lista
  • Item 4 da lista
  • Item 5 da lista

Listas e sub-listas: aninhando as tags


<ul>
        <li>Item da lista</li>
        <li>
                <ol>
                        <li>Primeiro sub-item</li>
                        <li>Segundo sub-item</li>
                        <li>Terceiro sub-item</li>                        
                </ol>
        </li>
        <li>Item da lista</li>
        <li>Item da lista</li>
        <li>Item da lista</li>
</ul>
Resultado
  • Item da lista
    1. Primeiro sub-item
    2. Segundo sub-item
    3. Terceiro sub-item
  • Item da lista
  • Item da lista
  • Item da lista
Voltar ao Índice