{"id":143,"date":"2024-09-18T09:41:32","date_gmt":"2024-09-18T12:41:32","guid":{"rendered":"https:\/\/dicasepromocoes.com.br\/web\/?page_id=143"},"modified":"2024-10-05T09:37:04","modified_gmt":"2024-10-05T12:37:04","slug":"curso-de-html-e-css-gratis","status":"publish","type":"page","link":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/","title":{"rendered":"Curso de html e css gr\u00e1tis"},"content":{"rendered":"\n
\n
\n

In\u00edcio<\/a>
Introdu\u00e7\u00e3o<\/a>
Editores<\/a>
B\u00e1sico<\/a>
Elementos<\/a>
Atributos<\/a>
Formata\u00e7\u00e3o<\/a>
T\u00edtulos<\/a>
Par\u00e1grafos<\/a>
Cita\u00e7\u00f5es<\/a>
Estilos<\/a><\/p>\n\n\n\n





<\/p>\n<\/div>\n\n\n\n

\n

AVISO IMPORTANTE!
Nosso curso \u00e9 do tipo fa\u00e7a voc\u00ea mesmo. Use o curso como se fosse um livro, se voc\u00ea n\u00e3o entendeu ou n\u00e3o deu certo releia at\u00e9 acertar. Caso tenha alguma opini\u00e3o que possa melhorar nosso curso, por favor entre em contato.
E-mail: contato@dicasepromocoes.com.br
Para aprender HTML e CSS \u00e9 melhor em um computador porque voc\u00ea ter\u00e1 que digitar o tempo todo. \u00c9 interessante que voc\u00ea tenha conhecimento b\u00e1sico de Windows, Linux ou Mac. Voc\u00ea precisa ter no\u00e7\u00e3o de como criar pastas, salvar arquivos e coisas simples assim.<\/p>\n\n\n\n

Voc\u00ea poder\u00e1 criar o seu site, ou para seus clientes e poder\u00e1 personaliz\u00e1-lo do jeito que quiser com o uso de HTML e do CSS.
Como hoje em dia, todo mundo tem pressa, ent\u00e3o criamos um curso muito simples e direto, do tipo fa\u00e7a j\u00e1.
Ent\u00e3o, vamos ao que interessa!
Abra uma pasta na \u00e1rea de trabalho e d\u00ea o nome de HTML para facilitar a localiza\u00e7\u00e3o dos arquivos destas aulas.
Na pasta crie um arquivo de texto.
Abra o arquivo de texto, copie e cole esta estrutura abaixo:<\/p>\n\n\n\n

<!DOCTYPE html>
<html>
<body><\/p>\n\n\n\n

<h1>Meu primeiro cabe\u00e7alho<\/h1>
<p>Meu primeiro par\u00e1grafo<\/p><\/p>\n\n\n\n

<\/body>
<\/html><\/p>\n\n\n\n

Agora, v\u00e1 em arquivo e selecione salvar como. Primeiro v\u00e1 em “Codifica\u00e7\u00e3o” na parte inferior da p\u00e1gina e em seguida v\u00e1 at\u00e9 alinha “Tipo” e opte por “todos os arquivos” e depois salve o arquivo como index.html.
Agora, clique nele, uma ou duas vezes para ele se abrir no seu navegador padr\u00e3o.
Voc\u00ea ver\u00e1 uma p\u00e1gina igual a esta imagem abaixo:<\/p>\n\n\n\n

\"cria\u00e7\u00e3o<\/figure>\n\n\n\n

Eventualmente pode ser que em seu navegador o “\u00e7” e o “\u00e1” apare\u00e7am de forma estranha, mas fique tranquilo voc\u00ea n\u00e3o errou em nada.
Mais para frente iremos te explicar o que houve e como corrigir.
Como voc\u00ea pode ver, \u00e9 tudo muito direto e pr\u00e1tico e se voc\u00ea fizer os exerc\u00edcios conforme recomendado, em pouco tempo voc\u00ea estar\u00e1 pronto para desenvolver sites na Internet.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

In\u00edcioIntrodu\u00e7\u00e3oEditoresB\u00e1sicoElementosAtributosFormata\u00e7\u00e3oT\u00edtulosPar\u00e1grafosCita\u00e7\u00f5esEstilos AVISO IMPORTANTE!Nosso curso \u00e9 do tipo fa\u00e7a voc\u00ea mesmo. Use o curso como se fosse um livro, se voc\u00ea n\u00e3o entendeu ou n\u00e3o deu certo releia at\u00e9 acertar. Caso tenha alguma opini\u00e3o que possa melhorar nosso curso, por favor entre em contato.E-mail: contato@dicasepromocoes.com.brPara aprender HTML e CSS \u00e9 melhor em um computador porque voc\u00ea…
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-143","page","type-page","status-publish","hentry"],"yoast_head":"\nCurso de html e css gr\u00e1tis - Dicas e Promo\u00e7\u00f5es<\/title>\n<meta name=\"description\" content=\"Curso gr\u00e1tis de html e CSS pr\u00e1tico, intuitivo e direto ao ponto. Basta repetir o que foi ensinado no editor de texto, salvar como html e visualizar em seu navegador.\" \/>\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\/\" \/>\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 - Dicas e Promo\u00e7\u00f5es\" \/>\n<meta property=\"og:description\" content=\"Curso gr\u00e1tis de html e CSS pr\u00e1tico, intuitivo e direto ao ponto. Basta repetir o que foi ensinado no editor de texto, salvar como html e visualizar em seu navegador.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/\" \/>\n<meta property=\"og:site_name\" content=\"Dicas e Promo\u00e7\u00f5es\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-05T12:37:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.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=\"2 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\/\",\"url\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/\",\"name\":\"Curso de html e css gr\u00e1tis - 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\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.jpg\",\"datePublished\":\"2024-09-18T12:41:32+00:00\",\"dateModified\":\"2024-10-05T12:37:04+00:00\",\"description\":\"Curso gr\u00e1tis de html e CSS pr\u00e1tico, intuitivo e direto ao ponto. Basta repetir o que foi ensinado no editor de texto, salvar como html e visualizar em seu navegador.\",\"breadcrumb\":{\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#primaryimage\",\"url\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.jpg\",\"contentUrl\":\"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.jpg\",\"width\":807,\"height\":420,\"caption\":\"cria\u00e7\u00e3o de primeira p\u00e1gina do curso\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#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\"}]},{\"@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 - Dicas e Promo\u00e7\u00f5es","description":"Curso gr\u00e1tis de html e CSS pr\u00e1tico, intuitivo e direto ao ponto. Basta repetir o que foi ensinado no editor de texto, salvar como html e visualizar em seu navegador.","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\/","og_locale":"pt_BR","og_type":"article","og_title":"Curso de html e css gr\u00e1tis - Dicas e Promo\u00e7\u00f5es","og_description":"Curso gr\u00e1tis de html e CSS pr\u00e1tico, intuitivo e direto ao ponto. Basta repetir o que foi ensinado no editor de texto, salvar como html e visualizar em seu navegador.","og_url":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/","og_site_name":"Dicas e Promo\u00e7\u00f5es","article_modified_time":"2024-10-05T12:37:04+00:00","og_image":[{"url":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/","url":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/","name":"Curso de html e css gr\u00e1tis - 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\/#primaryimage"},"image":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#primaryimage"},"thumbnailUrl":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.jpg","datePublished":"2024-09-18T12:41:32+00:00","dateModified":"2024-10-05T12:37:04+00:00","description":"Curso gr\u00e1tis de html e CSS pr\u00e1tico, intuitivo e direto ao ponto. Basta repetir o que foi ensinado no editor de texto, salvar como html e visualizar em seu navegador.","breadcrumb":{"@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#primaryimage","url":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.jpg","contentUrl":"https:\/\/dicasepromocoes.com.br\/web\/wp-content\/uploads\/curso-html\/curso-html-1.jpg","width":807,"height":420,"caption":"cria\u00e7\u00e3o de primeira p\u00e1gina do curso"},{"@type":"BreadcrumbList","@id":"https:\/\/dicasepromocoes.com.br\/web\/curso-de-html-e-css-gratis\/#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"}]},{"@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\/143","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=143"}],"version-history":[{"count":30,"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":495,"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/pages\/143\/revisions\/495"}],"wp:attachment":[{"href":"https:\/\/dicasepromocoes.com.br\/web\/wp-json\/wp\/v2\/media?parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}