PDF de orientação


Tabela com os links compartilhados nas aulas:

Esses são os links compartilhados durante a aula 2. Você pode acessá-los para obter mais informações e recursos relacionados ao desenvolvimento web.

Descrição Link
Repositório do colega Hector Leubeck GitHub - Aula-01
Grupo de WhatsApp da Turma WhatsApp Group
Livro "HTML5 e CSS3 com Farinha e Pimenta" PDF Gratuito do Livro
Paleta de Cores do ColorHunt ColorHunt
Adobe Color Wheel (Roda de Cores da Adobe) Adobe Color Wheel
Coolors - Gerador de Paletas de Cores Coolors
Lista de Todas as Tags HTML AllTheTags
Documentação Mozilla sobre o Elemento <tfoot> Mozilla - <tfoot>
FrontEditor - Ferramenta de Desenvolvimento Web FrontEditor
CodePen - Plataforma de Desenvolvimento Web CodePen


Lista não Ordenadas

As listas não ordenadas são usadas em HTML para criar listas de itens que não precisam ser sequenciados ou classificados de nenhuma maneira específica. Elas são frequentemente usadas para criar listas de itens com marcadores, como balas ou círculos, para indicar que os itens não têm uma ordem específica.

Aqui está um exemplo de código HTML para criar uma lista não ordenada:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Vamos analisar os componentes da lista não ordenada:

  1. <ul>: Esta é a tag de abertura da lista não ordenada. "ul" significa "unordered list" (lista não ordenada). Todos os itens da lista não ordenada serão colocados dentro desta tag.
  2. <li>: Esta é a tag de abertura para cada item da lista. "li" significa "list item" (item de lista). Você coloca o conteúdo de cada item entre as tags <li> e </li>.
  3. Conteúdo do Item: Dentro das tags <li>, você insere o conteúdo do item da lista. Isso pode ser texto, imagens, links ou qualquer outro elemento HTML.

A lista não ordenada será renderizada no navegador como:

Você pode personalizar ainda mais as listas não ordenadas usando CSS para alterar o estilo dos marcadores (pontos, círculos, quadrados) ou adicionar margens e espaçamento entre os itens da lista. Por exemplo, você pode usar CSS para remover os marcadores padrão e adicionar ícones personalizados como marcadores.