Listas mistas e de definição - @Curso em Vídeo HTML5 e CSS3

Listas mistas e de definição - @Curso em Vídeo HTML5 e CSS3

Desenvolvimento de Listas Ordenadas e Não Ordenadas

Visão geral da seção: Nesta seção, o palestrante aborda a criação de listas ordenadas e não ordenadas, bem como a mistura desses dois tipos de listas.

Misturando Listas Ordenadas e Não Ordenadas

  • É possível misturar listas ordenadas e não ordenadas.
  • Exemplo: uma lista não ordenada com um item contendo outra lista dentro.
  • Exemplo de código para criar essa estrutura.

Lista de Definições

  • É possível criar uma lista de definições usando a marcação correta.
  • Exemplo: uma lista de definições para videogames favoritos.
  • Exemplo de código para criar essa estrutura.

Misturando Listas Ordenadas com Definições

  • É possível combinar listas ordenadas com definições.
  • Exemplo: uma lista ordenada dos jogos favoritos, onde cada item é uma definição do jogo.
  • Exemplo de código para criar essa estrutura.

Utilizando Marcação para Criação do Conteúdo

  • A marcação correta pode ser usada para criar conteúdo relacionado aos itens da lista.
  • Exemplo: adicionar informações sobre os jogos favoritos na lista criada anteriormente.
  • Exemplo de código para adicionar informações extras aos itens da lista.

Transformando Listas em Dicionários

  • É possível transformar as listas em dicionários usando a marcação adequada.
  • Exemplo: transformar as listas anteriores em dicionários.
  • Exemplo de código para transformar as listas em dicionários.

Criação de Conteúdo Relacionado

  • É possível criar conteúdo relacionado aos itens da lista usando a marcação correta.
  • Exemplo: adicionar informações sobre linguagens de programação na lista criada anteriormente.
  • Exemplo de código para adicionar informações extras aos itens da lista.

Conclusão

Nesta seção, aprendemos como criar listas ordenadas e não ordenadas, misturar diferentes tipos de listas e adicionar conteúdo relacionado aos itens da lista. A marcação adequada é essencial para obter o resultado desejado.

Deslocamento para a Direita

Visão Geral da Seção: Nesta seção, o palestrante fala sobre o deslocamento para a direita em HTML e como ele pode ser personalizado com CSS.

Deslocamento para a Direita

  • O deslocamento para a direita em HTML pode ser personalizado com CSS.

Aprendendo e Testando

Visão Geral da Seção: Nesta seção, o palestrante destaca a importância de aprender e testar no processo de aprendizagem de HTML.

Aprendendo e Testando

  • É importante aprender muito e praticar muito ao usar HTML.
  • O mecanismo de busca do Google facilita muito o aprendizado, fornecendo resultados relevantes ao pesquisar sobre HTML.
  • Ao pesquisar no Google, é possível encontrar definições e informações úteis sobre HTML.

Link e Listas

Visão Geral da Seção: Nesta seção, o palestrante introduz os conceitos de link e listas em HTML.

Link e Listas

  • Os links são uma parte importante do HTML, permitindo que os usuários naveguem entre diferentes páginas da web.
  • No próximo capítulo, será abordado mais detalhadamente sobre links e listas em HTML.

Capítulo 9: Hiperlinks

Visão Geral da Seção: Nesta seção, o palestrante menciona que o próximo capítulo abordará os hiperlinks, que são uma parte antiga e fundamental da linguagem HTML.

Capítulo 9: Hiperlinks

  • Os hiperlinks são uma parte antiga e fundamental da linguagem HTML.
  • A partir dos hiperlinks, a linguagem HTML foi desenvolvida.

Encerramento do Capítulo 9

Visão Geral da Seção: Nesta seção, o palestrante encerra o capítulo 9 e faz um convite para continuar aprendendo.

Encerramento do Capítulo 9

  • O capítulo 9 chegou ao fim, abordando os conceitos de link e hiperlinks em HTML.
  • É importante praticar e entender bem esses conceitos antes de avançar para a próxima etapa.

Considerações Finais

Visão Geral da Seção: Nesta seção final, o palestrante encerra a transmissão.

Considerações Finais

  • O palestrante agradece pela participação e espera que os espectadores tenham gostado do conteúdo apresentado.

[Música] [Aplausos] [Música]

E aí

Video description

Você sabe como misturar vários tipos de lista usando HTML5? Sabe como juntar listas ordenadas e listas com demarcadores? Sabe para que serve uma lista de definição? Sabe criar uma lista de definições em HTML? Veja a resposta para todas essas perguntas assistindo esse vídeo até o final. Tópicos deste vídeo: 00:00 - Capítulo 09, aula 02 00:11 - Listas mistas e listas de definição 00:51 - Curso grátis de App Inventor 01:54 - Juntando listas de vários tipos 04:11 - Personalizando a lista 05:03 - Misturando OL com UL 06:14 - Uma dica para alterações rápidas 06:55 - Segue a gente no Instagram 07:23 - Criando um terceiro nível 08:47 - Listas de definição 11:15 - O próximo assunto O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Recode no Instagram: https://www.instagram.com/rederecode == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo01 #C09A02