{"id":605,"date":"2024-04-17T22:00:24","date_gmt":"2024-04-18T01:00:24","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=605"},"modified":"2025-11-05T10:28:12","modified_gmt":"2025-11-05T13:28:12","slug":"o-que-e-html","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/","title":{"rendered":"O que \u00e9 HTML?"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 5<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>\n<p class=\"has-medium-font-size wp-block-paragraph\">Quando navegamos pela internet, interagimos com uma infinidade de informa\u00e7\u00f5es e elementos visuais que comp\u00f5em as p\u00e1ginas web. Mas voc\u00ea j\u00e1 parou para pensar em <strong>como tudo isso \u00e9 constru\u00eddo<\/strong>? A resposta est\u00e1 em uma linguagem de marca\u00e7\u00e3o fundamental para a web: o <strong>HTML (HyperText Markup Language &#8211; Linguagem de Marca\u00e7\u00e3o de Hipertexto)<\/strong>.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O HTML \u00e9 muito mais que apenas c\u00f3digo: \u00e9 como<strong> a funda\u00e7\u00e3o de uma casa<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Define a Estrutura:<\/strong> Estabelece a disposi\u00e7\u00e3o dos elementos (cabe\u00e7alhos, par\u00e1grafos, listas, links, imagens).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Define a Hierarquia:<\/strong> Organiza as informa\u00e7\u00f5es em n\u00edveis de import\u00e2ncia (t\u00edtulos principais, subt\u00edtulos, corpo do texto).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Define o Conte\u00fado:<\/strong> \u00c9 onde o texto, as m\u00eddias e os dados brutos s\u00e3o inseridos.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Neste artigo, vamos desvendar a hist\u00f3ria do HTML, desde sua cria\u00e7\u00e3o at\u00e9 as \u00faltimas atualiza\u00e7\u00f5es, explorando sua <strong>import\u00e2ncia ineg\u00e1vel<\/strong> e como ele moldou a internet que conhecemos ho<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\udd70\ufe0f O Nascimento da Web e a Cria\u00e7\u00e3o do HTML<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A hist\u00f3ria do HyperText Markup Language est\u00e1 intrinsecamente ligada \u00e0 <strong>cria\u00e7\u00e3o da World Wide Web (WWW)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><th>Ano<\/th><th>Personagem Chave<\/th><th>Local<\/th><th>Contribui\u00e7\u00e3o<\/th><\/tr><\/thead><tbody><tr><td><strong>Finais de 1980<\/strong><\/td><td><strong>Tim Berners-Lee<\/strong><\/td><td>CERN (Organiza\u00e7\u00e3o Europeia para a Pesquisa Nuclear)<\/td><td>Desenvolve a ideia de um <strong>sistema de hipertexto<\/strong> que permitiria a liga\u00e7\u00e3o de documentos em diferentes computadores, facilitando a troca de informa\u00e7\u00f5es entre cientistas.<\/td><\/tr><tr><td><strong>1991<\/strong><\/td><td><strong>Tim Berners-Lee<\/strong><\/td><td>CERN<\/td><td>Publica a <strong>primeira vers\u00e3o do HTML<\/strong>, composta por um conjunto b\u00e1sico de tags para estruturar e formatar textos (como <code>&lt;h1&gt;<\/code> para t\u00edtulos, <code>&lt;p&gt;<\/code> para par\u00e1grafos e <code>&lt;a&gt;<\/code> para links).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Essa linguagem simples, mas revolucion\u00e1ria, possibilitou a cria\u00e7\u00e3o de p\u00e1ginas web interconectadas atrav\u00e9s de <em>links<\/em> (hipertexto), dando origem \u00e0 web que conhecemos.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\udcc8 A Evolu\u00e7\u00e3o do HTML e a Populariza\u00e7\u00e3o da Web<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">A partir da d\u00e9cada de 1990, o HTML come\u00e7ou a ganhar cada vez mais adeptos e se tornou a base para a cria\u00e7\u00e3o de uma variedade de sites. Com o passar dos anos, a linguagem passou por diversas atualiza\u00e7\u00f5es, incorporando novas funcionalidades e tornando-se mais rica e expressiva.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">As Principais Vers\u00f5es Hist\u00f3ricas<\/h3>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Vers\u00e3o<\/strong><\/td><td><strong>Ano de Lan\u00e7amento<\/strong><\/td><td><strong>Destaques e Impacto<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>HTML 2.0<\/strong><\/td><td><strong>1995<\/strong><\/td><td>Primeira vers\u00e3o oficial padronizada. Introduziu elementos essenciais como <strong>tabelas<\/strong>, <strong>formul\u00e1rios<\/strong> (<code>&lt;form&gt;<\/code>, <code>&lt;input&gt;<\/code>) e <strong>suporte a imagens<\/strong> (<code>&lt;img&gt;<\/code>).<\/td><\/tr><tr><td><strong>HTML 3.2<\/strong><\/td><td><strong>1997<\/strong><\/td><td>Foco em melhorias na <strong>apresenta\u00e7\u00e3o visual<\/strong> (ajustes de cores e fontes) e maior <strong>compatibilidade<\/strong> entre os navegadores da \u00e9poca.<\/td><\/tr><tr><td><strong>HTML 4.01<\/strong><\/td><td><strong>1999<\/strong><\/td><td>Se tornou o padr\u00e3o mais utilizado por muitos anos. Consolidou um conjunto completo de tags e <strong>separou a estrutura (HTML) da apresenta\u00e7\u00e3o visual (CSS)<\/strong>, incentivando as folhas de estilo.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83c\udf1f HTML5: A Revolu\u00e7\u00e3o da Linguagem<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Lan\u00e7ado em <strong>2014<\/strong>, o <strong>HTML5<\/strong> representou um <strong>grande avan\u00e7o<\/strong> para a linguagem, deixando de ser apenas uma linguagem de marca\u00e7\u00e3o e se tornando uma plataforma completa para aplica\u00e7\u00f5es web.<\/p>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Recurso do HTML5<\/strong><\/td><td><strong>Fun\u00e7\u00e3o e Impacto Did\u00e1tico<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Elementos Sem\u00e2nticos<\/strong><\/td><td>Tags como <code>&lt;header&gt;<\/code>, <code>&lt;nav&gt;<\/code>, <code>&lt;article&gt;<\/code> e <code>&lt;footer&gt;<\/code> que definem o <strong>significado<\/strong> do conte\u00fado, facilitando a compreens\u00e3o por mecanismos de busca (SEO) e tecnologias assistivas.<\/td><\/tr><tr><td><strong>Multim\u00eddia Nativa<\/strong><\/td><td>Suporte direto para \u00e1udio e v\u00eddeo (<code>&lt;audio&gt;<\/code>, <code>&lt;video&gt;<\/code>), <strong>eliminando a depend\u00eancia de <em>plugins<\/em><\/strong> de terceiros (como o Flash Player) para reprodu\u00e7\u00e3o.<\/td><\/tr><tr><td><strong>APIs de Gr\u00e1ficos<\/strong><\/td><td><strong>Canvas<\/strong> (para desenhos 2D e anima\u00e7\u00f5es via JavaScript) e <strong>WebGL<\/strong> (para gr\u00e1ficos 3D em tempo real no navegador), transformando o navegador em uma plataforma para jogos e visualiza\u00e7\u00f5es complexas.<\/td><\/tr><tr><td><strong>APIs de Armazenamento<\/strong><\/td><td><strong>Armazenamento local (localStorage e sessionStorage)<\/strong>, que permite guardar dados diretamente no navegador do usu\u00e1rio, possibilitando aplica\u00e7\u00f5es offline ou mais r\u00e1pidas.<\/td><\/tr><tr><td><strong>Geolocaliza\u00e7\u00e3o<\/strong><\/td><td>Permite determinar a <strong>localiza\u00e7\u00e3o geogr\u00e1fica<\/strong> do usu\u00e1rio (com permiss\u00e3o), essencial para mapas e servi\u00e7os baseados em localiza\u00e7\u00e3o.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Com o HTML5, a web se tornou mais rica, interativa e din\u00e2mica, abrindo caminho para o desenvolvimento de <strong>aplica\u00e7\u00f5es web cada vez mais complexas e sofisticadas<\/strong>.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83d\uddc2\ufe0f O Papel Fundamental do HTML no Desenvolvimento Web<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O HTML \u00e9 a <strong>base inegoci\u00e1vel<\/strong> sobre a qual todas as p\u00e1ginas web s\u00e3o constru\u00eddas. Ele define a <strong>estrutura e o conte\u00fado<\/strong>. Para criar uma p\u00e1gina web completa, ele trabalha em conjunto com outras linguagens:<\/p>\n\n\n\n<figure class=\"wp-block-table has-medium-font-size\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Linguagem<\/strong><\/td><td><strong>Papel no Desenvolvimento Web<\/strong><\/td><td><strong>Analogia (Casa)<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>HTML<\/strong><\/td><td><strong>Estrutura<\/strong> e Conte\u00fado.<\/td><td>As paredes, o telhado, a funda\u00e7\u00e3o de uma casa.<\/td><\/tr><tr><td><strong>CSS (Cascading Style Sheets)<\/strong><\/td><td><strong>Estilo<\/strong> e Apresenta\u00e7\u00e3o visual.<\/td><td>A pintura, o acabamento, a decora\u00e7\u00e3o.<\/td><\/tr><tr><td><strong>JavaScript<\/strong><\/td><td><strong>Interatividade<\/strong> e Din\u00e2mica.<\/td><td>A eletricidade, os mecanismos que ligam\/desligam luzes.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Por que o HTML \u00e9 Indispens\u00e1vel?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>\u2705 Acessibilidade (O pilar da Web):<\/strong> O uso correto das tags HTML e da sem\u00e2ntica permite que <strong>pessoas com defici\u00eancia<\/strong> (visual, auditiva e motora) acessem o conte\u00fado da web atrav\u00e9s de tecnologias assistivas, como leitores de tela. \u00c9 fundamental para uma web inclusiva.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>\ud83d\udd0d Otimiza\u00e7\u00e3o para Mecanismos de Busca (SEO):<\/strong> A correta estrutura\u00e7\u00e3o do conte\u00fado com tags sem\u00e2nticas (<code>&lt;h1&gt;<\/code>, <code>&lt;p&gt;<\/code>, <code>&lt;img&gt;<\/code> com <code>alt<\/code>) \u00e9 crucial para que mecanismos de busca (Google, Bing) <strong>indexem e ranqueiem<\/strong> as p\u00e1ginas web de forma eficiente.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>\ud83c\udf10 Compatibilidade e Padr\u00e3o:<\/strong> O HTML \u00e9 um padr\u00e3o amplamente suportado por <strong>todos os navegadores modernos<\/strong>, garantindo que o conte\u00fado seja exibido de forma consistente em diferentes dispositivos (desktops, tablets, celulares).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>\u2699\ufe0f Flexibilidade e Manuten\u00e7\u00e3o:<\/strong> Permite criar desde p\u00e1ginas web est\u00e1ticas e simples at\u00e9 aplica\u00e7\u00f5es complexas, e o seu c\u00f3digo estruturado facilita a manuten\u00e7\u00e3o e a colabora\u00e7\u00e3o entre desenvolvedores.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\ud83c\udfaf Conclus\u00e3o: O Futuro Constru\u00eddo em Tags<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">O HTML evoluiu de uma simples linguagem de marca\u00e7\u00e3o para uma <strong>ferramenta poderosa e indispens\u00e1vel<\/strong> para a cria\u00e7\u00e3o de experi\u00eancias web inovadoras. Sua hist\u00f3ria est\u00e1 intrinsecamente ligada ao desenvolvimento da internet e \u00e0 forma como interagimos com a informa\u00e7\u00e3o digital.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Ao compreender os fundamentos desta linguagem e sua evolu\u00e7\u00e3o, voc\u00ea estar\u00e1 mais preparado para <strong>criar p\u00e1ginas web acess\u00edveis, eficientes e visualmente atraentes<\/strong>. O futuro da web promete ainda mais inova\u00e7\u00f5es, e o HTML continuar\u00e1 sendo a base s\u00f3lida sobre a qual todas as novas tecnologias ser\u00e3o constru\u00eddas.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Toda jornada tem um in\u00edcio, e o in\u00edcio para se tornar um desenvolvedor web \u00e9 dominar as seguintes tecnologias, que voc\u00ea encontra aqui mesmo:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/html\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.png\" alt=\"HTML\" class=\"wp-image-600\"\/><\/a><figcaption class=\"wp-element-caption\">HTML<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/css\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.png\" alt=\"CSS\" class=\"wp-image-702\"\/><\/a><figcaption class=\"wp-element-caption\">CSS<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"\/category\/javascript\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/javascript.png\" alt=\"Javascript\" class=\"wp-image-804\"\/><\/a><figcaption class=\"wp-element-caption\">JavaScript<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">E se voc\u00ea gosta do nosso conte\u00fado, n\u00e3o deixe de contribuir adquirindo os servi\u00e7os e produtos dos nossos apoiadores e empresas que somos associados:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/hostinger.com.br\/?REFERRALCODE=1THIAGO62\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"250\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/03\/hostinger.png\" alt=\"Hospedagem Hostinger\" class=\"wp-image-92\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/amzn.to\/3SNDYlc\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/ofertas-amazon.png\" alt=\"Ofertas Amazon\" class=\"wp-image-1308\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/amzn.to\/3SNKmt0\"><img decoding=\"async\" src=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/08\/amazonprime.png\" alt=\"Amazon Prime\" class=\"wp-image-1307\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tempo de leitura: <\/span> <span class=\"rt-time\"> 5<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>Quando navegamos pela internet, interagimos com uma infinidade de informa\u00e7\u00f5es e elementos visuais que comp\u00f5em&#8230;<\/p>\n","protected":false},"author":1,"featured_media":600,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-605","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","wpcat-6-id"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>O que \u00e9 HTML? - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"O que \u00e9 HTML? Neste artigo, vamos desvendar a hist\u00f3ria do HTML, desde sua cria\u00e7\u00e3o at\u00e9 as \u00faltimas atualiza\u00e7\u00f5es, explorando sua import\u00e2ncia e..\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 HTML? - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"O que \u00e9 HTML? Neste artigo, vamos desvendar a hist\u00f3ria do HTML, desde sua cria\u00e7\u00e3o at\u00e9 as \u00faltimas atualiza\u00e7\u00f5es, explorando sua import\u00e2ncia e..\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-18T01:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-05T13:28:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"O que \u00e9 HTML?\",\"datePublished\":\"2024-04-18T01:00:24+00:00\",\"dateModified\":\"2025-11-05T13:28:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/\"},\"wordCount\":1066,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/\",\"name\":\"O que \u00e9 HTML? - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"datePublished\":\"2024-04-18T01:00:24+00:00\",\"dateModified\":\"2025-11-05T13:28:12+00:00\",\"description\":\"O que \u00e9 HTML? Neste artigo, vamos desvendar a hist\u00f3ria do HTML, desde sua cria\u00e7\u00e3o at\u00e9 as \u00faltimas atualiza\u00e7\u00f5es, explorando sua import\u00e2ncia e..\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"width\":758,\"height\":426,\"caption\":\"HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/o-que-e-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que \u00e9 HTML?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\",\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que \u00e9 HTML? - BLOG THIAGO ROSSI","description":"O que \u00e9 HTML? Neste artigo, vamos desvendar a hist\u00f3ria do HTML, desde sua cria\u00e7\u00e3o at\u00e9 as \u00faltimas atualiza\u00e7\u00f5es, explorando sua import\u00e2ncia e..","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:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/","og_locale":"pt_BR","og_type":"article","og_title":"O que \u00e9 HTML? - BLOG THIAGO ROSSI","og_description":"O que \u00e9 HTML? Neste artigo, vamos desvendar a hist\u00f3ria do HTML, desde sua cria\u00e7\u00e3o at\u00e9 as \u00faltimas atualiza\u00e7\u00f5es, explorando sua import\u00e2ncia e..","og_url":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2024-04-18T01:00:24+00:00","article_modified_time":"2025-11-05T13:28:12+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","type":"image\/webp"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"O que \u00e9 HTML?","datePublished":"2024-04-18T01:00:24+00:00","dateModified":"2025-11-05T13:28:12+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/"},"wordCount":1066,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","articleSection":["HTML"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/","url":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/","name":"O que \u00e9 HTML? - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","datePublished":"2024-04-18T01:00:24+00:00","dateModified":"2025-11-05T13:28:12+00:00","description":"O que \u00e9 HTML? Neste artigo, vamos desvendar a hist\u00f3ria do HTML, desde sua cria\u00e7\u00e3o at\u00e9 as \u00faltimas atualiza\u00e7\u00f5es, explorando sua import\u00e2ncia e..","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","width":758,"height":426,"caption":"HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/o-que-e-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"O que \u00e9 HTML?"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \"GDD \u2013 O Guia Definitivo\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86","https:\/\/linkedin.com\/in\/thiagox86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=605"}],"version-history":[{"count":6,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/605\/revisions"}],"predecessor-version":[{"id":4292,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/605\/revisions\/4292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/600"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}