{"id":404,"date":"2026-01-07T12:54:23","date_gmt":"2026-01-07T12:54:23","guid":{"rendered":"https:\/\/www.curso.familiapimentel.com.br\/curso\/?page_id=404"},"modified":"2026-01-10T12:21:27","modified_gmt":"2026-01-10T12:21:27","slug":"modulo-2","status":"publish","type":"page","link":"https:\/\/www.curso.familiapimentel.com.br\/curso\/modulo-2\/","title":{"rendered":"M\u00f3dulo 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"404\" class=\"elementor elementor-404\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42dd2305 e-con-full e-flex e-con e-parent\" data-id=\"42dd2305\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-428ded57 e-con-full e-flex e-con e-child\" data-id=\"428ded57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-212b0ed9 elementor-widget elementor-widget-image\" data-id=\"212b0ed9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-150x150.jpeg\" class=\"attachment-thumbnail size-thumbnail wp-image-121\" alt=\"\" srcset=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-150x150.jpeg 150w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-300x300.jpeg 300w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-1024x1024.jpeg 1024w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-768x768.jpeg 768w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-1536x1536.jpeg 1536w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_.jpeg 2048w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bc8c1a6 e-con-full e-flex e-con e-child\" data-id=\"1bc8c1a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58c452b4 elementor-widget elementor-widget-ekit-nav-menu\" data-id=\"58c452b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ekit-nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<nav class=\"ekit-wid-con ekit_menu_responsive_mobile\"\n\t\t\tdata-hamburger-icon=\"\"\n\t\t\tdata-hamburger-icon-type=\"icon\"\n\t\t\tdata-responsive-breakpoint=\"767\">\n\t\t\t            <button class=\"elementskit-menu-hamburger elementskit-menu-toggler\"  type=\"button\" aria-label=\"hamburger-icon\">\n                                    <span class=\"elementskit-menu-hamburger-icon\"><\/span><span class=\"elementskit-menu-hamburger-icon\"><\/span><span class=\"elementskit-menu-hamburger-icon\"><\/span>\n                            <\/button>\n            <div id=\"ekit-megamenu-principal\" class=\"elementskit-menu-container elementskit-menu-offcanvas-elements elementskit-navbar-nav-default ekit-nav-menu-one-page-no ekit-nav-dropdown-hover\"><ul id=\"menu-principal\" class=\"elementskit-navbar-nav elementskit-menu-po-left submenu-click-on-icon\"><li id=\"menu-item-236\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-236 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/\" class=\"ekit-menu-nav-link\">Home<\/a><\/li>\n<li id=\"menu-item-241\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-241 nav-item elementskit-dropdown-has relative_position elementskit-dropdown-menu-default_width elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/quem-somos\/\" class=\"ekit-menu-nav-link ekit-menu-dropdown-toggle\">Como Estudar<svg class=\"elementskit-submenu-indicator ekit-svg-icon icon-down-arrow1\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.582 8.495c-0.578-0.613-1.544-0.635-2.153-0.059l-13.43 12.723-13.428-12.723c-0.61-0.578-1.574-0.553-2.153 0.059-0.579 0.611-0.553 1.576 0.058 2.155l14.477 13.715c0.293 0.277 0.67 0.418 1.047 0.418s0.756-0.14 1.048-0.418l14.477-13.715c0.611-0.579 0.637-1.544 0.058-2.155z\"><\/path><\/svg><\/a>\n<ul class=\"elementskit-dropdown elementskit-submenu-panel\">\n\t<li id=\"menu-item-238\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-238 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/curiosidades\/\" class=\" dropdown-item\">Ajuda Importante<\/a><\/ul>\n<\/li>\n<li id=\"menu-item-388\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-388 nav-item elementskit-dropdown-has relative_position elementskit-dropdown-menu-default_width elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"#\" class=\"ekit-menu-nav-link ekit-menu-dropdown-toggle\">Curso Completo<svg class=\"elementskit-submenu-indicator ekit-svg-icon icon-down-arrow1\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.582 8.495c-0.578-0.613-1.544-0.635-2.153-0.059l-13.43 12.723-13.428-12.723c-0.61-0.578-1.574-0.553-2.153 0.059-0.579 0.611-0.553 1.576 0.058 2.155l14.477 13.715c0.293 0.277 0.67 0.418 1.047 0.418s0.756-0.14 1.048-0.418l14.477-13.715c0.611-0.579 0.637-1.544 0.058-2.155z\"><\/path><\/svg><\/a>\n<ul class=\"elementskit-dropdown elementskit-submenu-panel\">\n\t<li id=\"menu-item-239\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-239 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/curso-modulos-0-e-1\/\" class=\" dropdown-item\">M\u00f3dulos 0 e 1<\/a>\t<li id=\"menu-item-436\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-436 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/modulo-2\/\" class=\" dropdown-item\">M\u00f3dulo 2<\/a>\t<li id=\"menu-item-469\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-469 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/modulo-3\/\" class=\" dropdown-item\">M\u00f3dulo 3<\/a>\t<li id=\"menu-item-499\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-499 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/modulo-4\/\" class=\" dropdown-item\">M\u00f3dulo 4<\/a>\t<li id=\"menu-item-537\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-537 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/modulo-5\/\" class=\" dropdown-item\">M\u00f3dulo 5<\/a>\t<li id=\"menu-item-562\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-562 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/modulo-6\/\" class=\" dropdown-item\">M\u00f3dulo 6<\/a><\/ul>\n<\/li>\n<li id=\"menu-item-237\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-237 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/contato\/\" class=\"ekit-menu-nav-link\">Contato<\/a><\/li>\n<\/ul><div class=\"elementskit-nav-identity-panel\"><button class=\"elementskit-menu-close elementskit-menu-toggler\" type=\"button\">X<\/button><\/div><\/div>\n\t\t\t<div class=\"elementskit-menu-overlay elementskit-menu-offcanvas-elements elementskit-menu-toggler ekit-nav-menu--overlay\"><\/div>        <\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a617a4f e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"a617a4f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;,&quot;animation_delay&quot;:1000}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1e5873 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7d1e5873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>\u00a0<\/strong><\/p><p><strong><img decoding=\"async\" class=\"alignnone wp-image-121 aligncenter\" src=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-300x300.jpeg\" alt=\"\" width=\"135\" height=\"135\" srcset=\"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-300x300.jpeg 300w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-1024x1024.jpeg 1024w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-150x150.jpeg 150w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-768x768.jpeg 768w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_-1536x1536.jpeg 1536w, https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-content\/uploads\/2026\/01\/Logo-_Zero-ao-Site_.jpeg 2048w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/strong><\/p><h5 style=\"text-align: center;\"><strong>Curso B\u00e1sico de Cria\u00e7\u00e3o de Sites<\/strong><\/h5><h5 style=\"text-align: center;\"><strong>Do Zero ao Site no Ar<\/strong><\/h5><p><strong>M\u00d3DULO 2<\/strong><\/p><p><strong>HTML do b\u00e1sico ao intermedi\u00e1rio<\/strong><\/p><p><strong>O que significa HTML?<\/strong> \u2013 Esta sigla vem o ingl\u00eas HyperText Markup Language que, traduzindo seria Linguagem de Marca\u00e7\u00e3o de Hipertextos. Estas marca\u00e7\u00f5es no texto \u00e9 o que denominaremos como TAGS (importando do original ingl\u00eas).<\/p><p><strong>Prepara\u00e7\u00e3o B\u00e1sica de Conhecimento<\/strong><\/p><p><strong>1 &#8211; Estrutura<\/strong><strong> \u2013 <\/strong>Entende-se por ESTRUTURA a forma de dispor o conte\u00fado do programa, as linhas que comp\u00f5em os blocos, etc; enfim, devemos seguir um padr\u00e3o j\u00e1 estabelecido e aprovado para facilitar nosso trabalho e deixar tudo bonito e organizado. Pode parecer mais uma complica\u00e7\u00e3o, mas n\u00e3o \u00e9 \u2013 pelo contr\u00e1rio \u2013 com o h\u00e1bito voc\u00ea perceber\u00e1 que n\u00e3o poderia ser diferente \u2013 e agradece!.<\/p><p>&#8211; <strong>Estrutura b\u00e1sica de uma p\u00e1gina HTML<\/strong> (importante!) \u2013 Quem \u00e9 programador nesta \u00e1rea sabe da import\u00e2ncia em se manter a coer\u00eancia, organiza\u00e7\u00e3o, visibilidade, etc&#8230; Nesta programa\u00e7\u00e3o, embora sua simplicidade, <em>n\u00e3o dispensa estes cuidados<\/em>. Por isto, a cria\u00e7\u00e3o da estrutura b\u00e1sica necess\u00e1ria. Nada complicado, tudo muito simples&#8230;<\/p><ol start=\"2\"><li><strong> \u2013 Tags \u2013 O que s\u00e3o tags?<\/strong><strong> (Marcas)<\/strong><\/li><\/ol><p>Tags HTML s\u00e3o\u00a0<strong>marcadores que estruturam e formatam o conte\u00fado de uma p\u00e1gina da web, indicando ao navegador como exibir t\u00edtulos, par\u00e1grafos, imagens e links<\/strong>. Elas geralmente v\u00eam em pares de abertura (como\u00a0&lt;p&gt;) e fechamento (como\u00a0&lt;\/p&gt;), escritas entre sinais de menor e maior (&lt; &gt;), embora algumas n\u00e3o precisem de fechamento.\u00a0<br \/>\u00a0<strong>Simplificando:<\/strong> significa assim \u2013 voc\u00ea determina um<strong> SINAL<\/strong> (<strong>Tag<\/strong>) para informar ao <strong>NAVEGADOR <\/strong> que, a partir deste ponto (onde voc\u00ea colocou o sinal) o procedimento \u00e9 TAL (dependo do sinal) e vai finalizar quando ele (<strong>NAVEGADOR<\/strong>) encontrar o mesmo<strong> SINAL <\/strong>de fechamento.<br \/>\u00a0<strong>Exemplo:<\/strong><strong>\u00a0<\/strong><strong>&lt;p&gt;<\/strong> a partir daqui tudo ser\u00e1 entendido como <strong>PAR\u00c1GRAFO<\/strong>, at\u00e9 encontrar o mesmo sinal de fechamento<strong> &lt;\/p&gt;<\/strong><\/p><p>&#8211; <strong>Tags principais:<\/strong> headings, par\u00e1grafos, listas, links, imagens, tabelas \u2013 S\u00e3o as personalidades que comp\u00f5em a estrutura dita acima.<\/p><p>&#8211;<strong> Formul\u00e1rios simples (nome, e-mail, mensagem)<\/strong> \u2013 Mais uma personalidade com finalidade bem espec\u00edfica&#8230;<\/p><p>&#8211; <strong>Sem\u00e2ntica<\/strong>(*)<strong> HTML5 (header, nav, main, section, article, footer)<\/strong> \u2013 Mais personagens neste grande palco que iremos usar.<\/p><p>(*)<strong>Estrutura Sem\u00e2ntica:<\/strong> &#8211; A estrutura sem\u00e2ntica do HTML5\u00a0<strong>usa tags que descrevem o significado do conte\u00fado, em vez de apenas apresentar a informa\u00e7\u00e3o<\/strong>.\u00a0<\/p><p>Elementos como\u00a0&lt;<strong>header&gt;<\/strong><strong>,\u00a0<\/strong><strong>&lt;footer&gt;<\/strong><strong>,\u00a0<\/strong><strong>&lt;nav&gt;<\/strong><strong>,\u00a0<\/strong><strong>&lt;main&gt;<\/strong><strong>\u00a0e\u00a0<\/strong><strong>&lt;article&gt;<\/strong><br \/>\u00a0\u00a0s\u00e3o sem\u00e2nticos porque indicam o prop\u00f3sito de sua se\u00e7\u00e3o, melhorando a acessibilidade para leitores de tela e a otimiza\u00e7\u00e3o para mecanismos de busca <strong>(SEO<\/strong>).\u00a0Em vez de usar apenas tags gen\u00e9ricas como<strong>\u00a0<\/strong><strong>&lt;div&gt;<\/strong>, a abordagem sem\u00e2ntica organiza o c\u00f3digo de forma clara e leg\u00edvel.\u00a0\u00a0<\/p><p><strong>&#8211; Exerc\u00edcios pr\u00e1ticos:<\/strong> montar curr\u00edculo, card\u00e1pio de restaurante, landing page simples \u2013 Exerc\u00edcios que servir\u00e3o para fixar definitivamente o conte\u00fado estudado.<\/p><p><strong>TEORIA:<\/strong><\/p><p>\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/p><p><em>\u201cBoa noite, meus futuros web designers!.<br \/>\u00a0Hoje \u00e9 o dia que o site de voc\u00eas NASCE de verdade.<br \/>\u00a0Vamos criar o primeiro arquivo HTML do zero.<br \/>\u00a0E eu prometo: se voc\u00ea souber salvar um arquivo de Word, voc\u00ea vai conseguir fazer isso aqui.\u201d<\/em><\/p><p><strong>1 \u2013 O que vamos fazer hoje<\/strong><\/p><ul><li>Criar a pasta do projeto\u00a0<\/li><li>Criar o primeiro arquivo index.html\u00a0<\/li><li>Entender as <strong>tags<\/strong> mais importantes\u00a0<\/li><li>Fazer 4 mini-projetos reais (<strong>curr\u00edculo, card\u00e1pio, landing page e portf\u00f3lio simples<\/strong>)\u00a0<\/li><li>E no final da aula voc\u00ea j\u00e1 vai ter um site com v\u00e1rias p\u00e1ginas funcionando!.<\/li><\/ul><p><strong>PARTE 1 \u2013 Criando a casa do site<\/strong><\/p><p><strong>Primeira coisa:<\/strong> vamos criar a pasta onde o site vai <strong>morar<\/strong>.<\/p><ol><li>Abre o seu computador\u00a0<\/li><li>Crie uma PASTA; Clica com bot\u00e3o direito na \u00c1rea de Trabalho \u2192 Novo \u2192 Pasta\u00a0<\/li><li>Nomeia a pasta: Coloca o nome: <strong>meu-primeiro-site<\/strong>\u00a0<\/li><li>Abre essa pasta (clique duplo sobre a pasta) \u2192 bot\u00e3o direito \u2192 Novo \u2192 Documento de Texto\u00a0<\/li><li>Apaga o nome todo e escreve: index.html <strong>(o .html \u00e9 importante!) \u2013 <\/strong>index.html vai ser o nome do seu arquivo, onde estar\u00e1 o SCRIPT do seu programa.<strong>\u00a0<\/strong>\u00a0<\/li><li>Quando o Windows perguntar <em>\u2018quer mesmo mudar a extens\u00e3o?\u2019<\/em>, fala<strong> SIM.<\/strong><\/li><\/ol><p><strong>Pronto!- Acabou de nascer o seu primeiro site.<\/strong><\/p><p>Agora abre esse arquivo com o <strong>VSCode<\/strong> (duplo clique \u2013 para abrir &#8211; ou <strong>arrasta<\/strong> pra dentro do <strong>VSCode<\/strong>).<\/p><p>\u00a0<a href=\"http:\/\/curso.familiapimentel.com.br\/curso\/Videos-Curso\/m2v1.mp4\" target=\"_blank\" rel=\"noopener\"><u><strong>Ver o v\u00eddeo<\/strong><\/u><\/a> (curso \u2013 video 1a + audio)<\/p><p>\u201d<strong>PARTE 2 \u2013 A estrutura M\u00c1GICA que todo site tem.<\/strong><\/p><p><em>\u201cTodo site do planeta Terra tem essa estrutura b\u00e1sica.<br \/>\u00a0\u00c9 como se fosse o esqueleto humano. Se tirar, a pessoa desmonta.Copie exatamente isso que eu vou colar agora:\u201d<\/em><\/p><p><em><strong>Observa\u00e7\u00e3o:<\/strong><\/em><em> Pode copiar e colar se preferir. Por\u00e9m, se j\u00e1 come\u00e7ar a escrever cada linha, j\u00e1 vai se acostumando&#8230;<\/em><\/p><p><strong>&lt;!DOCTYPE html&gt;<\/strong><\/p><p><strong>&lt;html lang=&#8221;pt-BR&#8221;&gt;<\/strong><\/p><p><strong>&lt;head&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;title&gt;T\u00edtulo que aparece na aba do navegador&lt;\/title&gt;<\/strong><\/p><p><strong>&lt;\/head&gt;<\/strong><\/p><p><strong>&lt;body&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 <\/strong><em><strong>&lt;!&#8211; Aqui dentro vai todo o conte\u00fado que a pessoa v\u00ea &#8211;&gt;<\/strong><\/em><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;h1&gt;Ol\u00e1, mundo!&lt;\/h1&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;p&gt;Meu primeiro site feito com o Prof. Luiz Pimentel!&lt;\/p&gt;<\/strong><\/p><p><strong>&lt;\/body&gt;<\/strong><\/p><p><strong>&lt;\/html&gt;<\/strong><\/p><p><strong>Lembrando:<\/strong><\/p><p>&lt;html&gt;&#8230;&lt;\/html&gt; \u2014 TAGS iniciais de abertura e fechamento da SE\u00c7\u00c3O de programa\u00e7\u00e3o em HTML.<\/p><p>&lt;head&gt;&#8230; &lt;\/head&gt; \u2013 S\u00e3o TAGS. Significam CABE\u00c7A (cabe\u00e7alho) e aparecem sempre em dupla &#8211;\u00a0 a primeira abre a SE\u00c7\u00c3O<strong>\u00a0<\/strong>e a segunda fecha a SE\u00c7\u00c3O.<\/p><p>&lt;body&gt;&#8230; &lt;\/body&gt; \u2014 TAGS que significam CORPO. A dupla funciona igual \u00e0 anterior: a primeira abre e a segunda fecha a SE\u00c7\u00c3O.<\/p><p>Estas TAGS (MARCAS) comp\u00f5em a ESTRUTURA B\u00c1SICA de uma SE\u00c7\u00c3O em HTML.<\/p><p><strong>\u201cExplicando linha por linha (com paci\u00eancia e carinho de av\u00f4):<\/strong><\/p><ul><li><strong>&lt;!DOCTYPE html&gt;<\/strong> \u2192 \u00e9 o RG do site, fala pro navegador<em> \u201coi, sou HTML5 moderno\u201d\u00a0 <\/em><\/li><li><strong>&lt;html lang=&#8221;pt-BR&#8221;&gt;<\/strong> \u2192 fala que o site \u00e9 em portugu\u00eas brasileiro\u00a0<\/li><li><strong>&lt;head&gt;<\/strong> \u2192 \u00e9 a cabe\u00e7a (coisas que ningu\u00e9m v\u00ea, mas s\u00e3o importantes \u2013 ou seja: tudo que est\u00e1 nesta parte do programa \u00e9 informa\u00e7\u00e3o expressa para o NAVEGADOR)\u00a0<\/li><li><strong>&lt;title&gt;<\/strong><strong>\u00a0<\/strong>\u2192 \u00e9 o que aparece na aba do navegador e no Google\u00a0<\/li><li><strong>&lt;body&gt;<\/strong> \u2192 \u00e9 o corpo, aqui vai tudo que a pessoa v\u00ea na tela\u00a0<\/li><li><strong>&lt;h1&gt;<\/strong> \u2192 t\u00edtulo grand\u00e3o\u00a0<\/li><li><strong>&lt;p&gt;<\/strong> \u2192 par\u00e1grafo normal<\/li><\/ul><p><strong>Observa\u00e7\u00e3o Importante (apenas pra seu conhecimento):<\/strong> Na \u00e1rea do script (o que est\u00e1 escrito) inciado pela TAG &lt;head&gt; at\u00e9 &lt;\/head&gt; usamos 2 <strong>META TAGS: <\/strong><strong>\u00a0 &lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/strong> que informa o grupo de caracteres a serem usados (*1); e <strong>&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/strong> para\u00a0Configurar a \u00e1rea de visualiza\u00e7\u00e3o para que seu site tenha uma boa apar\u00eancia em todos os dispositivos (computador, celular, etc) (*2).<\/p><p><strong>Explicando sobre:<\/strong><br \/>\u00a0(*1) \u2013 Existem muitos grupos de caracteres, para suportar os diversos tipos de grafias que existe pelo mundo afora.\u00a0 O UTF-8 (Unicode Transformation Format &#8211; 8 bits)\u00a0<strong>\u00e9 o padr\u00e3o de codifica\u00e7\u00e3o de caracteres mais usado na web.<\/strong><\/p><p>(*2) \u2014 Esta informa\u00e7\u00e3o garante que o conte\u00fado de sua p\u00e1gina ser\u00e1 bem apresentada em telas de tamanhos variados, tipo: PC, notebook, celular, etc. \u00c9 o que se denomina como RESPONSIVIDADE.<\/p><p><strong>Seguindo:<\/strong> Marca todo o texto em azul, acima, desde <strong>&lt;!DOCTYPE html&gt;<\/strong><strong>\u00a0<\/strong><strong>at\u00e9 <\/strong><strong>&lt;\/html&gt;<\/strong><strong>.<\/strong><\/p><p><em><strong>Salva (Ctrl + S) e agora faz o seguinte:<\/strong><\/em><\/p><p>\u00a0Clica com bot\u00e3o direito no arquivo index.html \u2192 Open with Live Server, ou clica em RUN\u2014&gt;Run Without Debugging e escolhe um Navegador (Chrome ou Edge) e<strong>&#8230;TCHARAM<\/strong>!- Seu primeiro site t\u00e1 no ar!.<br \/>\u00a0<a href=\"http:\/\/127.0.0.1:5500\/\"><strong>http:\/\/127.0.0.1:5500<\/strong><\/a><strong>\u00a0<\/strong>\u2192 isso \u00e9 um <strong>servidor local<\/strong> dentro do seu computador.<\/p><p><em>Se at\u00e9 aqui j\u00e1 deu certo, pode comemorar. 90% das pessoas param aqui e nunca mais fazem site. <\/em><em><strong>Voc\u00ea j\u00e1 passou da linha de largada!\u201d<\/strong><\/em><\/p><p><strong>PARTE 3 \u2013 As tags que voc\u00ea vai usar 95% do tempo<\/strong><\/p><p><em><strong>\u201cAgora vamos conhecer as tags mais importantes.<br \/>\u00a0Pensa que s\u00e3o os tijolos da sua casa.\u201d<\/strong><\/em><\/p><ol><li><strong>Cabe\u00e7alhos (h1 at\u00e9 h6)<\/strong> \u2013 como t\u00edtulos de jornal\u00a0<\/li><li><strong>Par\u00e1grafo<\/strong>\u00a0&lt;p&gt;\u00a0<\/li><li><strong>Negrito<\/strong>\u00a0&lt;strong&gt; e<strong> it\u00e1lico<\/strong>\u00a0&lt;em&gt;\u00a0<\/li><li><strong>Listas<\/strong> (ordenada &lt;ol&gt; e n\u00e3o ordenada &lt;ul&gt;)\u00a0<\/li><li><strong>Links<\/strong>\u00a0&lt;a href=&#8221;https:\/\/site.com&#8221;&gt;texto do link&lt;\/a&gt;\u00a0<\/li><li><strong>Imagens<\/strong>\u00a0&lt;img src=&#8221;fotos\/eu.jpg&#8221; alt=&#8221;Minha foto&#8221;&gt;\u00a0<\/li><li><strong>Quebra de linha<\/strong>\u00a0&lt;br&gt; e<strong> linha horizonta<\/strong>l &lt;hr&gt;<\/li><\/ol><p><strong>Exerc\u00edcio ao vivo 1 \u2013 Curr\u00edculo r\u00e1pido.<\/strong><\/p><p><em><strong>\u201cVamos fazer um curr\u00edculo em 10 minutos. Copie isso:\u201d<\/strong><\/em><\/p><p><strong>&lt;h1&gt;Maria da Silva&lt;\/h1&gt;<\/strong><\/p><p><strong>&lt;h2&gt;Artes\u00e3 Profissional&lt;\/h2&gt;<\/strong><\/p><p><strong>&lt;hr&gt;<\/strong><\/p><p><strong>&lt;img src=&#8221;https:\/\/via.placeholder.com\/200&#8243; alt=&#8221;Foto da Maria&#8221;&gt;<\/strong><\/p><p><strong>&lt;p&gt;Telefone: (11) 98765-4321 | E-mail: maria@email.com&lt;\/p&gt;<\/strong><\/p><p><strong>&lt;h3&gt;Sobre mim&lt;\/h3&gt;<\/strong><\/p><p><strong>&lt;p&gt;Fa\u00e7o artesanato h\u00e1 15 anos, trabalho com croch\u00ea, bordado e pintura em tecido.&lt;\/p&gt;<\/strong><\/p><p><strong>&lt;h3&gt;Principais produtos&lt;\/h3&gt;<\/strong><\/p><p><strong>&lt;ul&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Toalhas de croch\u00ea&lt;\/li&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Panos de prato pintados&lt;\/li&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Tapetes personalizados&lt;\/li&gt;<\/strong><\/p><p><strong>&lt;\/ul&gt;<\/strong><\/p><p><strong>____________<\/strong><\/p><p><strong>Observa\u00e7\u00e3o importante!-<\/strong> na linha do c\u00f3digo: <strong>&lt;img src=&#8221;https:\/\/via.placeholder.com\/200&#8243; alt=&#8221;Foto da Maria&#8221;&gt;<\/strong><\/p><p>O link n\u00e3o vai mostrar uma foto real da Maria, mas uma imagem virtual criada pelo computador, s\u00f3 pra compor o quadro&#8230;<\/p><p>\u201cSalva e olha no Live Server.<\/p><p>Exatamente como fizemos no exemplo anterior. Pode at\u00e9 encurtar os passos: copia o c\u00f3digo acima. Abre o VS Code. Substitui o script antigo (do primeiro exemplo). Apaga o c\u00f3digo (marca tudo e deleta) que est\u00e1 entre as TAGS &lt;body&gt;&#8230;&lt;\/body&gt; e substitui (cola o novo c\u00f3digo).<\/p><p>Pode rodar e ver como ficou !!!.<\/p><p><strong> Pronto!- Curr\u00edculo profissional em 5 minutos.<\/strong><\/p><p><strong>\u201d<\/strong><strong>Exerc\u00edcio ao vivo 2 \u2013 Card\u00e1pio de restaurante.<\/strong><\/p><p><strong>&lt;h1&gt;Pizzaria do Jo\u00e3o&lt;\/h1&gt;<\/strong><\/p><p><strong>&lt;h2&gt;Card\u00e1pio 2025&lt;\/h2&gt;<\/strong><\/p><p><strong>&lt;h3&gt;Pizzas Grandes &#8211; R$ 45,00&lt;\/h3&gt;<\/strong><\/p><p><strong>&lt;ol&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Calabresa&lt;\/li&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Marguerita&lt;\/li&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Frango com Catupiry&lt;\/li&gt;<\/strong><\/p><p><strong>&lt;\/ol&gt;<\/strong><\/p><p><strong>&lt;h3&gt;Pizzas Doces &#8211; R$ 50,00&lt;\/h3&gt;<\/strong><\/p><p><strong>&lt;ul&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Chocolate com Morango&lt;\/li&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;Banana com Canela&lt;\/li&gt;<\/strong><\/p><p><strong>&lt;\/ul&gt;<\/strong><\/p><p><strong>PARTE 4 \u2013 Estrutura sem\u00e2ntica (HTML5 \u2013 a cereja do bolo) <\/strong><\/p><p><em><strong>Agora vamos deixar o site bonito pro Google amar a gente.<br \/>\u00a0As tags novas que parecem m\u00e1gica:<\/strong><\/em><\/p><ul><li><strong>&lt;header&gt;<\/strong> \u2192 cabe\u00e7alho da p\u00e1gina\u00a0<\/li><li><strong>&lt;nav&gt;<\/strong> \u2192 menu de navega\u00e7\u00e3o\u00a0<\/li><li><strong>&lt;main&gt;<\/strong> \u2192 conte\u00fado principal\u00a0<\/li><li><strong>&lt;section&gt;<\/strong> \u2192 se\u00e7\u00e3o do site\u00a0<\/li><li><strong>&lt;article&gt;<\/strong> \u2192 post ou produto\u00a0<\/li><li><strong>&lt;aside&gt;<\/strong> \u2192 barra lateral\u00a0<\/li><li><strong>&lt;footer&gt;<\/strong><strong>\u00a0<\/strong>\u2192 rodap\u00e9<\/li><\/ul><p><em><strong>Vamos refazer o curr\u00edculo com estrutura profissional:<\/strong><\/em><\/p><p><strong>&lt;header&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;h1&gt;Maria da Silva &#8211; Artes\u00e3&lt;\/h1&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;nav&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;a href=&#8221;#sobre&#8221;&gt;Sobre&lt;\/a&gt; |<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;a href=&#8221;#produtos&#8221;&gt;Produtos&lt;\/a&gt; |<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;a href=&#8221;#contato&#8221;&gt;Contato&lt;\/a&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;\/nav&gt;<\/strong><\/p><p><strong>&lt;\/header&gt;<\/strong><\/p><p><strong>&lt;main&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;section id=&#8221;sobre&#8221;&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;h2&gt;Sobre mim&lt;\/h2&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;p&gt;Texto aqui&#8230;&lt;\/p&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;\/section&gt;<\/strong><\/p><p><strong>&lt;\/main&gt;<\/strong><\/p><p><strong>&lt;footer&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;p&gt;\u00a9 2025 Maria da Silva &#8211; Site feito no curso do Prof. Luiz Pimentel&lt;\/p&gt;<\/strong><\/p><p><strong>&lt;\/footer&gt;<\/strong><\/p><p><strong>Neste script usamos a SEM\u00c2NTICA, j\u00e1 explicado anteriormente. Em caso de d\u00favida, reveja o texto.<\/strong><\/p><p><strong>PARTE 5 \u2013 Formul\u00e1rio de contato<\/strong><\/p><p><em><strong>Todo site precisa de um jeitinho da pessoa falar com voc\u00ea.<\/strong><\/em><\/p><p><em><strong>Formul\u00e1rio simples (n\u00e3o envia e-mail ainda, s\u00f3 a estrutura):<\/strong><\/em><\/p><p><strong>&lt;section id=&#8221;contato&#8221;&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;h2&gt;Fale comigo&lt;\/h2&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;form&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;p&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;label&gt;Nome:&lt;\/label&gt;&lt;br&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;input type=&#8221;text&#8221; placeholder=&#8221;Seu nome aqui&#8221; required&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;\/p&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;p&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;label&gt;E-mail ou WhatsApp:&lt;\/label&gt;&lt;br&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;input type=&#8221;text&#8221; required&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;\/p&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;p&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;label&gt;Mensagem:&lt;\/label&gt;&lt;br&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;textarea rows=&#8221;5&#8243; placeholder=&#8221;Escreva aqui&#8230;&#8221;&gt;&lt;\/textarea&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;\/p&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;button type=&#8221;submit&#8221;&gt;Enviar mensagem&lt;\/button&gt;<\/strong><\/p><p><strong>\u00a0\u00a0\u00a0 &lt;\/form&gt;<\/strong><\/p><p><strong>&lt;\/section&gt;<\/strong><strong><br \/>\u00a0<\/strong><\/p><p><strong>Dica:<\/strong> Usando o VS Code \u2013 voc\u00ea nota que o script est\u00e1 todo organizado e colorido. Isso ajuda muito e futuramente voc\u00ea poder\u00e1 constatar isso. Se voc\u00ea colocar o cursor do mouse sobre algum elemento em azul e permanecer alguns segundos, obter\u00e1 a informa\u00e7\u00e3o sobre o item.<\/p><p><strong>FECHAMENTO DO M\u00d3DULO 2<\/strong><\/p><p><strong>Resumo do que voc\u00ea aprendeu:<\/strong><\/p><ol><li>Criou sua primeira p\u00e1gina HTML do zero\u00a0<\/li><li>Conhece as tags principais (h1, p, img, a, listas, form)\u00a0<\/li><li>Fez 3 mini-projetos reais\u00a0<\/li><li>J\u00e1 sabe <strong>estrutura sem\u00e2ntica<\/strong> (header, main, footer)\u00a0<\/li><li>Tem um site com v\u00e1rias se\u00e7\u00f5es e formul\u00e1rio!<\/li><\/ol><p><strong>Tarefa de casa (obrigat\u00f3ria pra pr\u00f3xima aula): Fa\u00e7a UM dos 4 projetos abaixo e mande foto no grupo:<\/strong><\/p><ol><li>Curr\u00edculo seu ou de algu\u00e9m da fam\u00edlia\u00a0<\/li><li>Card\u00e1pio (pode ser lanchonete, sal\u00e3o, artesanato)\u00a0<\/li><li><strong>Landing page<\/strong> de um produto que voc\u00ea vende ou gostaria de vender\u00a0<\/li><li>Portf\u00f3lio com 3 fotos suas<\/li><\/ol><p><em><strong>Pr\u00f3xima aula (M\u00f3dulo 3<\/strong><\/em><em>): vamos deixar tudo isso <\/em><em><strong>LINDO<\/strong><\/em><em> com <\/em><em><strong>CSS<\/strong><\/em><em>.<br \/>\u00a0<\/em><em><strong>Prepare-se<\/strong><\/em><em>: vai parecer m\u00e1gica!-Beijo no cora\u00e7\u00e3o e at\u00e9 l\u00e1, meus g\u00eanios!\u201d<\/em><\/p><p><strong>_________________________0-0_______________________<\/strong><\/p><p><strong>Tente responder estas quest\u00f5es<\/strong><\/p><p><strong>QUESTION\u00c1RIO \u2013 M\u00d3DULO 2\u00a0 <\/strong><\/p><p><strong>HTML do b\u00e1sico ao intermedi\u00e1rio\u00a0 <\/strong><\/p><ol><li><strong> Qual \u00e9 a primeira linha que TODO arquivo HTML precisa ter?\u00a0 <\/strong><\/li><li>a) `&lt;html&gt;`\u00a0<\/li><li>b) `&lt;!DOCTYPE html&gt;`<\/li><li>c) `&lt;head&gt;`\u00a0<\/li><li>d) `&lt;body&gt;`<\/li><\/ol><ol start=\"2\"><li><strong> Qual tag abre o \u201ccorpo\u201d do site (onde aparece o que o visitante v\u00ea)? <\/strong><\/li><li>a) `&lt;head&gt;`\u00a0<\/li><li>b) `&lt;title&gt;`\u00a0<\/li><li>c) `&lt;body&gt;`<\/li><li>d) `&lt;header&gt;`<\/li><\/ol><ol start=\"3\"><li><strong> Para o t\u00edtulo que aparece na aba do navegador, usamos a tag:\u00a0 <\/strong><\/li><li>a) `&lt;h1&gt;`\u00a0<\/li><li>b) `&lt;title&gt;`<\/li><li>c) `&lt;header&gt;`\u00a0<\/li><li>d) `&lt;meta&gt;`<\/li><\/ol><ol start=\"4\"><li><strong> Qual tag cria um t\u00edtulo grand\u00e3o na p\u00e1gina?\u00a0 <\/strong><\/li><li>a) `&lt;h6&gt;`\u00a0<\/li><li>b) `&lt;p&gt;`\u00a0<\/li><li>c) `&lt;h1&gt;`\u00a0<\/li><li>d) `&lt;strong&gt;`<\/li><\/ol><ol start=\"5\"><li><strong> Como fazemos um par\u00e1grafo de texto normal?\u00a0 <\/strong><\/li><li>a) `&lt;text&gt;`\u00a0<\/li><li>b) `&lt;p&gt;`\u00a0<\/li><li>c) `&lt;paragraph&gt;`\u00a0<\/li><li>d) `&lt;div&gt;`<\/li><\/ol><ol start=\"6\"><li><strong> Para colocar uma imagem no site, usamos a tag:\u00a0 <\/strong><\/li><li>a) `&lt;picture&gt;`\u00a0<\/li><li>b) `&lt;img src=&#8221;foto.jpg&#8221; alt=&#8221;descri\u00e7\u00e3o&#8221;&gt;`<\/li><li>c) `&lt;image&gt;`\u00a0<\/li><li>d) `&lt;foto&gt;`<\/li><\/ol><ol start=\"7\"><li><strong> Qual tag cria um link que abre outra p\u00e1gina ou site?\u00a0 <\/strong><\/li><li>a) `&lt;link&gt;`\u00a0<\/li><li>b) `&lt;a href=&#8221;endere\u00e7o&#8221;&gt;texto do link&lt;\/a&gt;`<\/li><li>c) `&lt;url&gt;`\u00a0<\/li><li>d) `&lt;goto&gt;`<\/li><\/ol><ol start=\"8\"><li><strong> Qual \u00e9 a diferen\u00e7a entre `&lt;header&gt;` e `&lt;footer&gt;` (tags sem\u00e2nticas)?\u00a0 <\/strong><\/li><li>a) Header \u00e9 o rodap\u00e9 e footer \u00e9 o cabe\u00e7alho\u00a0<\/li><li>b) Header \u00e9 o cabe\u00e7alho (topo) e footer \u00e9 o rodap\u00e9 (baixo)<\/li><li>c) As duas s\u00e3o a mesma coisa\u00a0<\/li><li>d) S\u00f3 serve pra deixar bonito<\/li><\/ol><ol start=\"9\"><li><strong> Para criar um formul\u00e1rio de contato simples, come\u00e7amos com a tag: <\/strong><\/li><li>a) `&lt;contact&gt;`\u00a0<\/li><li>b) `&lt;form&gt;`\u00a0\u00a0<\/li><li>c) `&lt;input&gt;`\u00a0<\/li><li>d) `&lt;send&gt;`<\/li><\/ol><ol start=\"10\"><li><strong> (Pergunta aberta \u2013 essa \u00e9 a que eu mais gosto!)\u00a0 <\/strong><\/li><\/ol><p>\u00a0\u00a0\u00a0 \u201cMe manda o c\u00f3digo HTML de uma p\u00e1gina bem simples que tenha:\u00a0<\/p><p>\u00a0\u00a0\u00a0 &#8211; um t\u00edtulo grande com seu nome\u00a0<\/p><p>\u00a0\u00a0\u00a0 &#8211; uma foto sua\u00a0<\/p><p>\u00a0\u00a0\u00a0 &#8211; um par\u00e1grafo contando quem voc\u00ea \u00e9\u00a0<\/p><p>\u00a0\u00a0\u00a0 &#8211; um link pro seu WhatsApp\u00a0<\/p><p>\u00a0 <strong>\u00a0 Pode ser s\u00f3 as linhas principais, quero ver se virou mestre mesmo!\u201d<\/strong><\/p><p>\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/p><p>\u00a0N\u00e3o deixe de enviar o seu gabarito pelo nosso Whatsapp ou Email (use o CONTATO). Anexe tamb\u00e9m suas d\u00favidas. Ser\u00e3o respondidas prontamente.<\/p><p><strong>FIM DO M\u00d3DULO 2<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Como Estudar Curiosidades Curso Completo M\u00f3dulos 0 e 1 M\u00f3dulo 2 M\u00f3dulo 3 M\u00f3dulo 4 M\u00f3dulo 5 M\u00f3dulo 6 Contato X \u00a0 Curso B\u00e1sico de Cria\u00e7\u00e3o de Sites Do Zero ao Site no Ar M\u00d3DULO 2 HTML do b\u00e1sico ao intermedi\u00e1rio O que significa HTML? \u2013 Esta sigla vem o ingl\u00eas HyperText Markup Language [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/pages\/404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/comments?post=404"}],"version-history":[{"count":46,"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/pages\/404\/revisions"}],"predecessor-version":[{"id":660,"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/pages\/404\/revisions\/660"}],"wp:attachment":[{"href":"https:\/\/www.curso.familiapimentel.com.br\/curso\/wp-json\/wp\/v2\/media?parent=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}