Criando a Seção de Pesquisa do Google - Curso Básico de HTML e CSS [Aula 5/6]

Want to learn more about our Complete HTML & CSS Course? Click the link below to secure your spot in the next class: https://dlp.hashtagtreinamentos.com/h... TO DOWNLOAD THE FREE HTML AND CSS MINICOURSE: https://pages.hashtagtreinamentos.com... ----------------------------------------------------------------------- ► Files Used in Video: https://pages.hashtagtreinamentos.com... ----------------------------------------------------------------------- If you prefer the video in text format: https://www.hashtagtreinamentos.com/c... ----------------------------------------------------------------------- Hey, Awesome! Today we're going to the fifth lesson of the Basic HTML and CSS Course so you can take your first steps and create your own Google replica! In this lesson, we'll create the Google search section—that is, we'll create the main part of the Google website, which is where we perform searches. I'll show you how to insert text input into HTML, how to insert icons, how to make adjustments with flex displays in HTML, how to separate elements... Many of these activities have already been covered in previous lessons, so they'll serve as a review so you can better retain this knowledge. We'll also create two more buttons and insert more text with an anchor at the bottom of the page! And stay tuned, because I'll tell you what we'll do in the next lesson at the end of the video! ----------------------------------------------------------------------- Recommended Videos ► Basic HTML and CSS Course    • Curso Básico de Html e CSS - Aprenda Const...   ► How to Download and Configure VSCode for HTML and CSS    • Instalação do VS Code para Programação em ...   ----------------------------------------------------------------------- Hashtag Programming ► Subscribe to our channel: http://bit.ly/3c0LJQi ► Turn on notifications (click the bell)! ► Like our video! ----------------------------------------------------------------------- Social Media ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Here in the videos on the Hashtag Programação channel, we teach various HTML and CSS tips so you can develop in this programming language and create your own projects! ----------------------------------------------------------------------- Class Content 00:00 Introduction 01:15 What did we do in the previous class? 01:38 Adjusting the footer (inline style) 02:42 Google search section 03:18 Adjusting the Google image 04:40 Google site's main section 06:34 Text input in HTML + icons 12:59 Flex display (adjustments, alignment, and spacing) 16:40 Passing information to VS Code 17:49 Adjusting the search icon 19:28 Adjusting the text input 23:40 Creating buttons in HTML + adjustments and formatting 31:50 Text in HTML 34:52 All elements on the Google page 35:38 Spacing between elements 37:08 Difference in layout 39:48 Dynamic margin in HTML 40:40 What will we do in the next class? #htmlecss #htmlcss #html #css #hashtagprogramacao