{"id":153,"date":"2024-09-18T09:45:01","date_gmt":"2024-09-18T12:45:01","guid":{"rendered":"https:\/\/dicasepromocoes.com.br\/web\/?page_id=153"},"modified":"2024-10-04T16:19:17","modified_gmt":"2024-10-04T19:19:17","slug":"curso-de-html-e-css-gratis-introducao","status":"publish","type":"page","link":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/","title":{"rendered":"Curso de html e css gr\u00e1tis &#8211; Introdu\u00e7\u00e3o"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<p class=\"has-text-align-left has-black-color has-cyan-bluish-gray-background-color has-text-color has-background has-link-color wp-elements-5f90618acff291255124721b87f9aded\"><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/\" data-type=\"page\" data-id=\"143\">In\u00edcio<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/\" data-type=\"page\" data-id=\"153\">Introdu\u00e7\u00e3o<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-editores-html\/\" data-type=\"page\" data-id=\"170\">Editores<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-exemplos-basicos\/\" data-type=\"page\" data-id=\"170\">B\u00e1sico<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-elementos\/\" data-type=\"page\" data-id=\"206\">Elementos<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-gratis-atributos\/\" data-type=\"page\" data-id=\"249\">Atributos<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-gratis-formatacao\/\" data-type=\"page\" data-id=\"260\">Formata\u00e7\u00e3o<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-titulos-ou-cabecalhos\/\" data-type=\"page\" data-id=\"275\">T\u00edtulos<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-paragrafos\/\" data-type=\"page\" data-id=\"278\">Par\u00e1grafos<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-citacoes\/\" data-type=\"page\" data-id=\"267\">Cita\u00e7\u00f5es<\/a><br><a href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-estilos\/\" data-type=\"page\" data-id=\"280\">Estilos<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<h2 class=\"wp-block-heading\">O que \u00e9 HTML?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>H<\/strong>yper <strong>T<\/strong>ext <strong>M<\/strong>arkup <strong>L<\/strong>anguage &#8211;  significa linguagem de marca\u00e7\u00e3o de hipertexto e \u00e9 a linguagem padr\u00e3o para cria\u00e7\u00e3o de p\u00e1ginas na web.<\/li>\n\n\n\n<li>HTML consiste em uma s\u00e9rie de elementos que servem para descrever a estrutura de uma p\u00e1gina da Web.<\/li>\n\n\n\n<li>Os elementos contidos no HTML informam ao navegador como ele deve exibir o conte\u00fado e servem para rotular partes do conte\u00fado classificando partes como T\u00edtul ou Par\u00e1grafo, ou Link para outra p\u00e1gina e muito mais&#8230;<\/li>\n<\/ul>\n\n\n\n<p>Vamos fazer uma simula\u00e7\u00e3o e ver como tudo \u00e9 simples e direto no HTML.<\/p>\n\n\n\n<p>Veja este simples documento abaixo:<\/p>\n\n\n\n<p>&lt;!DOCTYPE&nbsp;html&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;title&gt;Nome da P\u00e1gina&lt;\/title&gt;<br>&lt;\/head&gt;<br>&lt;body&gt;<\/p>\n\n\n\n<p>&lt;h1&gt;Meu primeiro cabe\u00e7alho&lt;\/h1&gt;<br>&lt;p&gt;Meu primeiro par\u00e1grafo.&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt;<br>&lt;\/html&gt;<\/p>\n\n\n\n<p>Explicando cada elemento:<br><span style=\"color:red;\">&lt;!DOCTYPE&nbsp;html&gt;<\/span>  &#8211;  Esta declara\u00e7\u00e3o define que este documento \u00e9 um documento HTML5 (sim, j\u00e1 estamos na vers\u00e3o 5 do html).<\/p>\n\n\n\n<p><span style=\"color:red;\">&lt;html&gt;<\/span> &#8211; Este \u00e9 o elemento raiz de uma p\u00e1gina HTML.<\/p>\n\n\n\n<p><span style=\"color:red;\">&lt;head&gt;<\/span> &#8211; Este elemento cont\u00e9m meta informa\u00e7\u00f5es sobre a p\u00e1gina HTML<\/p>\n\n\n\n<p><span style=\"color:red;\">&lt;title&gt;<\/span> &#8211; Especifica um t\u00edtulo para a p\u00e1gina HTML que \u00e9 mostrado na barra de t\u00edtulo do navegador ou na guia da p\u00e1gina.<\/p>\n\n\n\n<p><span style=\"color:red;\">&lt;body&gt;<\/span> &#8211; Este elemento define o corpo do documento e \u00e9 um &#8220;Cont\u00eainer&#8221; onde ficam todos os conte\u00fados vis\u00edveis, como t\u00edtulos, par\u00e1grafos, imagens, v\u00eddeos, links, tabelas, etc&#8230;<\/p>\n\n\n\n<p><span style=\"color:red;\">&lt;h1&gt;<\/span> &#8211; Este elemento define um t\u00edtulo.<\/p>\n\n\n\n<p><span style=\"color:red;\">&lt;p&gt;<\/span> &#8211; Este elemento define um par\u00e1grafo.<\/p>\n\n\n\n<p><strong>Mas afinal, o que \u00e9 um elemento HTML<\/strong>?<\/p>\n\n\n\n<p>Um elemento HTML \u00e9 definido por uma tag inicial, algum conte\u00fado e uma tag final.<br>TAG &#8211; traduzindo, quer dizer marca\u00e7\u00e3o, r\u00f3tulo ou etiqueta.<br>J\u00e1 mostramos v\u00e1rias tags no come\u00e7o desta aula: &lt;html&gt;, &lt;head&gt;, &lt;title&gt;, &lt;body&gt;, etc&#8230;<\/p>\n\n\n\n<p><strong>Exemplificando uma tag<\/strong><br><br>&lt;nomedatag&gt; O conte\u00fado vai aqui entre a tag de abertura e a tag de fechamento &lt;\/nomedatag&gt;.<br>Note que a tag de abertura tem este formato &lt; &gt; e a de fechamento &lt;\/ &gt;<br>O elemento HTML \u00e9 tudo, desde a tag inicial at\u00e9 a tag final:<br><br>&lt;h1&gt;Meu primeiro t\u00edtulo&lt;\/h1&gt;<br>&lt;p&gt;Meu primeiro par\u00e1grafo.&lt;\/p&gt;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Tag de abertura<\/strong><\/td><td><strong>Algum conte\u00fado<\/strong><\/td><td><strong>Tag de fechamento<\/strong><\/td><\/tr><tr><td>&lt;h1&gt;<\/td><td>Meu primeiro cabe\u00e7alho<\/td><td>&lt;\/h1&gt;<\/td><\/tr><tr><td>&lt;p&gt;<\/td><td>Meu primeiro par\u00e1grafo<\/td><td>&lt;\/p&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u00c9 importante lembrar que os navegadores (Chrome, Opera, Edge e outros) tem como objetivo, ler documentos HTML e mostr\u00e1-los de forma correta.<br>Note que os navegadores v\u00e3o utilizar as tags para saber como mostrar os documentos HTML corretamente, no entanto, eles n\u00e3o v\u00e3o mostrar as tags.<br>Veja que no documento que voc\u00ea criou (index.html) onde est\u00e1:<br>&lt;h1&gt;Meu primeiro cabe\u00e7alho&lt;\/h1&gt;<br>\u00e9 mostrado apenas o texto principal:<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Meu primeiro cabe\u00e7alho<\/h1>\n\n\n\n<p>Onde est\u00e1 &lt;p&gt;Meu primeiro par\u00e1grafo&lt;\/p&gt; aparece apenas:<\/p>\n\n\n\n<p>Meu primeiro par\u00e1grafo.<br>Nos dois casos s\u00e3o omitidas as tags, mas elas foram usadas para mostrar de forma correta, tanto o cabe\u00e7alho como o par\u00e1grafo no navegador.<\/p>\n\n\n\n<p><strong>Praticando HTML<\/strong><\/p>\n\n\n\n<p>V\u00e1 ao seu arquivo de texto novamente e digite o texto abaixo:<\/p>\n\n\n\n<p>&lt;!DOCTYPE&nbsp;html&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;title&gt;T\u00edtulo da P\u00e1gina&lt;\/title&gt;<br>&lt;\/head&gt;<br>&lt;body&gt;<\/p>\n\n\n\n<p>&lt;h1&gt;Meu primeiro cabe\u00e7alho&lt;\/h1&gt;<br>&lt;p&gt;Meu primeiro par\u00e1grafo.&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;\/body&gt;<br>&lt;\/html&gt;<\/p>\n\n\n\n<p>Vamos usar um elemento HTML vazio &lt;br&gt; que \u00e9 usado para quebra de linha. Elementos vazios s\u00e3o elementos sem conte\u00fado.<br>Agora abaixo de ,&lt;p&gt;Meu primeiro par\u00e1grafo,&lt;\/p&gt; abra um novo par\u00e1grafo &lt;p&gt; e escreva: Neste par\u00e1grafo vou estar fazendo uma quebra de linha &lt;br&gt; e vou continuar escrevendo. Feche a tag do par\u00e1grafo &lt;\/p&gt;.<br>Salve como index.html e d\u00ea um ou dois cliques para abrir o documento.<br>Pode ser que seu apare\u00e7a assim em seu navegador, com a palavra par\u00e1grafo e a palavra cabe\u00e7alho meio esquisitas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"408\" src=\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg\" alt=\"edi\u00e7\u00e3o de HTML sem atributo de idioma\" class=\"wp-image-223\" srcset=\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg 840w, https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12-300x146.jpg 300w, https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12-768x373.jpg 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>Isto ocorre porque n\u00e3o inserimos os atributos de idioma, que \u00e9 algo muito simples.<br>Vamos inserir duas novas linhas no esqueleto do HTML.<br>1 &#8211; &lt;html lang=&#8221;PT-br&#8221;&gt; &#8211; caracteriza que o idioma utilizado \u00e9 o portugu\u00eas do Brasil. <br>2 &#8211; &lt;meta&nbsp;charset=&#8221;UTF-8&#8243;&gt; &#8211; este atributo especifica a codifica\u00e7\u00e3o de caracteres e o HTML5 incentiva os desenvolvedores web a usar o conjunto de caracteres UTF-8 pois o mesmo que cobre quase todos os caracteres e s\u00edmbolos do mundo!<\/p>\n\n\n\n<p><strong>Esqueleto HTML completo:<\/strong><\/p>\n\n\n\n<p>&lt;!DOCTYPE html&gt;<br>&lt;html lang=&#8221;PT-br&#8221;&gt;<br>&lt;head&gt;<br>&lt;meta charset=&#8221;UTF-8&#8243;&gt;<br>&lt;title&gt;T\u00edtulo da p\u00e1gina&lt;\/title&gt;<br>&lt;\/head&gt;<br>&lt;body&gt;<br>&lt;h1&gt;Meu primeiro cabe\u00e7alho&lt;\/h1&gt;<br>&lt;p&gt;Meu primeiro par\u00e1grafo&lt;\/p&gt;<br>&lt;\/body&gt;<br>&lt;\/html&gt;<\/p>\n\n\n\n<p>Com estas informa\u00e7\u00f5es inseridas no HTML sua p\u00e1gina tem que ficar assim:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"408\" src=\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina13.jpg\" alt=\"Corrigindo caracteriza\u00e7\u00e3o de idioma e caracteres no HTML\" class=\"wp-image-236\" srcset=\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina13.jpg 808w, https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina13-300x151.jpg 300w, https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina13-768x388.jpg 768w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/figure>\n\n\n\n<p><br><br><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In\u00edcioIntrodu\u00e7\u00e3oEditoresB\u00e1sicoElementosAtributosFormata\u00e7\u00e3oT\u00edtulosPar\u00e1grafosCita\u00e7\u00f5esEstilos O que \u00e9 HTML? Vamos fazer uma simula\u00e7\u00e3o e ver como tudo \u00e9 simples e direto no HTML. Veja este simples documento abaixo: &lt;!DOCTYPE&nbsp;html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Nome da P\u00e1gina&lt;\/title&gt;&lt;\/head&gt;&lt;body&gt; &lt;h1&gt;Meu primeiro cabe\u00e7alho&lt;\/h1&gt;&lt;p&gt;Meu primeiro par\u00e1grafo.&lt;\/p&gt; &lt;\/body&gt;&lt;\/html&gt; Explicando cada elemento:&lt;!DOCTYPE&nbsp;html&gt; &#8211; Esta declara\u00e7\u00e3o define que este documento \u00e9 um documento HTML5 (sim, j\u00e1 estamos na vers\u00e3o 5 do html).&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/\">Leia mais<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Curso de html e css gr\u00e1tis - Introdu\u00e7\u00e3o - Dicas e Promo\u00e7\u00f5es<\/title>\n<meta name=\"description\" content=\"Aprenda HTML gr\u00e1tis de jeito pr\u00e1tico e direto para fazer sites para voc\u00ea e para seus clientes. M\u00e9todo simples e objetivo. Voc\u00ea faz a sua carga hor\u00e1ria.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Curso de html e css gr\u00e1tis - Introdu\u00e7\u00e3o - Dicas e Promo\u00e7\u00f5es\" \/>\n<meta property=\"og:description\" content=\"Aprenda HTML gr\u00e1tis de jeito pr\u00e1tico e direto para fazer sites para voc\u00ea e para seus clientes. M\u00e9todo simples e objetivo. Voc\u00ea faz a sua carga hor\u00e1ria.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/\" \/>\n<meta property=\"og:site_name\" content=\"Dicas e Promo\u00e7\u00f5es\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-04T19:19:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/\",\"url\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/\",\"name\":\"Curso de html e css gr\u00e1tis - Introdu\u00e7\u00e3o - Dicas e Promo\u00e7\u00f5es\",\"isPartOf\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg\",\"datePublished\":\"2024-09-18T12:45:01+00:00\",\"dateModified\":\"2024-10-04T19:19:17+00:00\",\"description\":\"Aprenda HTML gr\u00e1tis de jeito pr\u00e1tico e direto para fazer sites para voc\u00ea e para seus clientes. M\u00e9todo simples e objetivo. Voc\u00ea faz a sua carga hor\u00e1ria.\",\"breadcrumb\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#primaryimage\",\"url\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg\",\"contentUrl\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg\",\"width\":840,\"height\":408,\"caption\":\"edi\u00e7\u00e3o de HTML sem atributo de idioma\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/dicasepromocoes.com.br\/web\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Curso de html e css gr\u00e1tis &#8211; Introdu\u00e7\u00e3o\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/#website\",\"url\":\"https:\/\/dicasepromocoes.com.br\/web\/\",\"name\":\"Dicas e Promo\u00e7\u00f5es\",\"description\":\"Dicas e Promo\u00e7\u00f5es\",\"publisher\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/#\/schema\/person\/12374dada2e436caa0c456a0a91e27cd\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dicasepromocoes.com.br\/web\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/#\/schema\/person\/12374dada2e436caa0c456a0a91e27cd\",\"name\":\"EMO\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg\",\"url\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg\",\"contentUrl\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg\",\"width\":800,\"height\":800,\"caption\":\"EMO\"},\"logo\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg\"},\"sameAs\":[\"https:\/\/dicasepromocoes.com.br\/web\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Curso de html e css gr\u00e1tis - Introdu\u00e7\u00e3o - Dicas e Promo\u00e7\u00f5es","description":"Aprenda HTML gr\u00e1tis de jeito pr\u00e1tico e direto para fazer sites para voc\u00ea e para seus clientes. M\u00e9todo simples e objetivo. Voc\u00ea faz a sua carga hor\u00e1ria.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/","og_locale":"pt_BR","og_type":"article","og_title":"Curso de html e css gr\u00e1tis - Introdu\u00e7\u00e3o - Dicas e Promo\u00e7\u00f5es","og_description":"Aprenda HTML gr\u00e1tis de jeito pr\u00e1tico e direto para fazer sites para voc\u00ea e para seus clientes. M\u00e9todo simples e objetivo. Voc\u00ea faz a sua carga hor\u00e1ria.","og_url":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/","og_site_name":"Dicas e Promo\u00e7\u00f5es","article_modified_time":"2024-10-04T19:19:17+00:00","og_image":[{"url":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/","url":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/","name":"Curso de html e css gr\u00e1tis - Introdu\u00e7\u00e3o - Dicas e Promo\u00e7\u00f5es","isPartOf":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#primaryimage"},"image":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#primaryimage"},"thumbnailUrl":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg","datePublished":"2024-09-18T12:45:01+00:00","dateModified":"2024-10-04T19:19:17+00:00","description":"Aprenda HTML gr\u00e1tis de jeito pr\u00e1tico e direto para fazer sites para voc\u00ea e para seus clientes. M\u00e9todo simples e objetivo. Voc\u00ea faz a sua carga hor\u00e1ria.","breadcrumb":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#primaryimage","url":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg","contentUrl":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/editando-pagina12.jpg","width":840,"height":408,"caption":"edi\u00e7\u00e3o de HTML sem atributo de idioma"},{"@type":"BreadcrumbList","@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis-introducao\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/dicasepromocoes.com.br\/web\/"},{"@type":"ListItem","position":2,"name":"Curso de html e css gr\u00e1tis &#8211; Introdu\u00e7\u00e3o"}]},{"@type":"WebSite","@id":"https:\/\/dicasepromocoes.com.br\/web\/#website","url":"https:\/\/dicasepromocoes.com.br\/web\/","name":"Dicas e Promo\u00e7\u00f5es","description":"Dicas e Promo\u00e7\u00f5es","publisher":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/#\/schema\/person\/12374dada2e436caa0c456a0a91e27cd"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dicasepromocoes.com.br\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":["Person","Organization"],"@id":"https:\/\/dicasepromocoes.com.br\/web\/#\/schema\/person\/12374dada2e436caa0c456a0a91e27cd","name":"EMO","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg","url":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg","contentUrl":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg","width":800,"height":800,"caption":"EMO"},"logo":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/2024\/06\/marketing\/logo-dicas-promo.jpg"},"sameAs":["https:\/\/dicasepromocoes.com.br\/web"]}]}},"_links":{"self":[{"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":32,"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/pages\/153\/revisions\/341"}],"wp:attachment":[{"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}