Summary
Keywords
Full Transcript
Quer saber mais sobre o nosso Curso Completo de HTML & CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_Lj-ON3QcFTQ PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css?origemurl=hashtag_yt_org_minihtmlcss_Lj-ON3QcFTQ ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1X0udYJnuWJ6v6R1aFQbiB1ZcmSs7dnUj?origemurl=hashtag_yt_org_planilhahc_Lj-ON3QcFTQ ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/curso-de-introducao-ao-html-e-css ----------------------------------------------------------------------- Fala Impressionadores! Hoje nós vamos para a terceira aula do Curso Básico de HTML e CSS para que você possa dar os seus primeiros passos e criar sua réplica do Google! Nessa aula nós vamos construir o rodapé da página do Google! Então você vai aprender como criar rodapé em HTML (inclusive usando a tag de rodapé). Além disso vamos fazer alguns ajustes na borda do rodapé, espaçamento no CSS, agrupamento de elementos no HTML (usando a tag div) e ainda vou te mostrar como usar o seletor universal no CSS! Curtiu esse conteúdo? Então vamos pra aula que já estamos quase finalizando a nossa réplica da página do Google! ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 02:00 O que já fizemos? 02:28 O que temos no rodapé da página do Google? 03:30 Começando a construção do rodapé + formatação 06:30 Seletor universal no CSS 08:18 Agrupar elementos no HTML (tag div) + adicionar elementos 12:50 Formatação de fonte 17:32 Padding (espaçamento no rodapé) 19:27 Borda no rodapé 21:24 O que vamos ver na próxima aula? #htmlecss #htmlcss #html #css #hashtagprogramacao
