HTML & CSS - Criando o Cabeçalho da Página do Google - Curso Básico de HTML e CSS [Aula 2/6]

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_ZtM5jkt53-4 PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css?origemurl=hashtag_yt_org_minihtmlcss_ZtM5jkt53-4 ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1ck7RtoBHoXah9dcON3A-sWoIUbq9dLf6?origemurl=hashtag_yt_org_planilhahc_ZtM5jkt53-4 ----------------------------------------------------------------------- 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 segunda 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 criar o cabeçalho da nossa réplica da página do Google. Aqui eu vou te mostrar algumas coisas importantes, como classes no HTML e CSS, tag de cabeçalho e formatação no CSS. Você vai notar que temos como fazer diversas formatações nos nossos elementos, sejam eles svg (imagem vetorial), sejam textos ou até mesmo links. Vamos poder alterar a margem, o padding (espaçamento), tamanho da fonte, cor da fonte, cor de fundo... Todo o tipo de formatação para melhorar a visualização e ficar mais parecido com a página do Google. Curtiu? Então vem comigo que eu vou te mostrar o passo a passo para fazer esses ajustes! ----------------------------------------------------------------------- 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 01:11 O que já foi feito e o que vamos fazer 02:24 Ajustando o arquivo para a aula 03:30 Criando os links e inserindo imagens 08:25 Classes no HTML e CSS 12:12 Ajustando o ícone 13:58 Ajuste do botão (link) – Margin, Padding e especificidade 27:18 Alterando a fonte do botão 29:22 Arredondamento do botão 31:24 O que fizemos na aula 32:00 Tag de cabeçalho, principal e rodapé 33:16 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao