{"id":84,"date":"2015-01-19T00:28:53","date_gmt":"2015-01-19T00:28:53","guid":{"rendered":"http:\/\/drcode.com.br\/blog\/?p=84"},"modified":"2015-01-19T00:28:53","modified_gmt":"2015-01-19T00:28:53","slug":"o-que-e-html-2","status":"publish","type":"post","link":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/","title":{"rendered":"O que \u00e9 HTML"},"content":{"rendered":"

\"html\"<\/a><\/p>\n

\u00a0HTML<\/h2>\n

Todo o site tem um c\u00f3digo por traz de o que voc\u00ea v\u00ea no navegador, o site \u00e9 feito em HTML, o navegador interpreta o c\u00f3digo e executa como o que vemos nas p\u00e1ginas da web.<\/p>\n

Certo, mas o que \u00e9 HTML, de onde veio ?<\/p>\n

HyperText Markup Language,\u00a0<\/i>\u00e9 a express\u00e3o completa em ingl\u00eas que significa\u00a0Linguagem de Marca\u00e7\u00e3o de Hipertexto,\u00a0<\/i>ou seja, n\u00e3o \u00e9 uma linguagem de programa\u00e7\u00e3o como Jquery, PHP, Javascript entre outras linguagens de programa\u00e7\u00e3o. HTML n\u00e3o necessariamente necessita de L\u00f3gica de Programa\u00e7\u00e3o, assim como as linguagens citadas anteriormente, mas \u00e9 muito interessante ter uma sem\u00e2ntica no c\u00f3digo. A sem\u00e2ntica do c\u00f3digo nada mais \u00e9 que uma organiza\u00e7\u00e3o, como usar as tags em seus lugares certos e com sua import\u00e2ncia correta.\u00a0Tim Berners-Lee, um f\u00edsico brit\u00e2nico foi quem criou o HTML e outros protocolos associados como HTTP.<\/p>\n

O HTML conta com uma estrutura, feita com suas tags. Veja abaixo:<\/p>\n

<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <meta charset=\"utf-8\" \/>\r\n        <meta name=\"description\" content=\"Descri\u00e7\u00e3o do Documento\">\r\n        <meta name=\"keywords\" content=\"\">\r\n        <title>T\u00edtulo do Documento<\/title>\r\n    <\/head>\r\n    <body>\r\n \r\n    <div> <\/div>\r\n \r\n    <img src=\"endere\u00e7o_de_uma_imagem.jpg\" title=\"Nome\" alt=\"Descri\u00e7\u00e3o\" \/>\r\n    \r\n    <a href=\"http:\/\/www.drcode.com.br\" title=\"Dr Code\">Dr Code<\/a>\r\n    <\/body>\r\n<\/html><\/code><\/pre>\n
Ok, agora vamos entender as tags\u00a0nesse c\u00f3digo:<\/p>\n
<!DOCTYPE html>:<\/span> Indica que o tipo do documento \u00e9 HTML, assim indicando ao navegador que ele deve ler o HTML;
\n<html><\/html>:<\/span> Indica a abertura do c\u00f3digo, ali dentro se deve colocar as tags. E assim como a maioria das tags devem ser fechadas, fechando com a \/(barra);
\n<head><\/head>:<\/span> Indica para o navegador que ali \u00e9 o Cabe\u00e7alho, todas as informa\u00e7\u00f5es que o navegador deve interpretar estar\u00e3o ali, nada ali \u00e9 visto pelo usu\u00e1rio, apenas para o navegador;
\n<meta charset=”utf-8″ \/>:<\/span> \u00c9 a codifica\u00e7\u00e3o para que o navegador interprete os acentos e caracteres desconhecidos;
\n<meta name=”description” content=”Descri\u00e7\u00e3o do Documento”>:<\/span> \u00c9 uma breve descri\u00e7\u00e3o do seu documento HTML;
\n<meta name=”keywords” content=”nome do site, palavras chaves”>:<\/span> S\u00e3o palavras chaves que podem ajudar o documento a ser bem indexado pelos motores de busca;
\n<title>T\u00edtulo do Documento<\/title>:<\/span> \u00c9 nada mais que o titulo do documento;
\n<body><\/body>:<\/span> Aqui \u00e9 onde come\u00e7a o c\u00f3digo que sera para o usuario que acessa o documento.
\n<div><\/div>:<\/span> Div \u00e9 uma caixa, onde dentro voc\u00ea coloca outras tags para a contru\u00e7\u00e3o de seu documento.
\n<img src=”” title=”” alt=”” \/>:<\/span> \u00c9 uma tag de imagem, no src=”” ela chama o caminho da imagem, como por exemplo, imagens\/logotipo\/logotipo.png.\u00a0<\/em>title=”” \u00e9 o titulo da imagem, e o alt=”” \u00e9 uma descri\u00e7\u00e3o da imagem.
\n<a href=”” title=””><\/a>:<\/span> \u00c9 uma tag de link, que no atributo href=”” chama o link como exemplo http:\/\/www.drcode.com.br, o title=”” assim como na img \u00e9 o titulo do Link.<\/p>\n
Temos tamb\u00e9m varias outras tags, como os h1, h2, h3 … h6, que s\u00e3o os titulo, o h1 de maior importancia, o h2 um subtitulo, e assim suscetivamente ate o h6.<\/p>\n
Bom, basicamente \u00e9 isso, o HTML \u00e9 uma linguagem de marca\u00e7\u00e3o utilizada para criar documentos e p\u00e1ginas na web s\u00e3o interpretadas pelo navegador, gerando as imagens, e textos que vemos no nosso dia-a-dia navegando na web.<\/p>\n
Caso surja alguma d\u00favida, deixe um coment\u00e1rio, mande-me um e-mail, sentirei-me honrado em lhe ajudar com o que for necess\u00e1rio.<\/p>\n","protected":false},"excerpt":{"rendered":"
\u00a0HTML Todo o site tem um c\u00f3digo por traz de o que voc\u00ea v\u00ea no navegador, o site \u00e9 feito em HTML, o navegador interpreta o c\u00f3digo e executa como o que vemos nas p\u00e1ginas da web. Certo, mas o que \u00e9 HTML, de onde veio ? HyperText Markup Language,\u00a0\u00e9 a express\u00e3o completa em ingl\u00eas […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,2],"tags":[],"class_list":["post-84","post","type-post","status-publish","format-standard","hentry","category-destaque","category-html"],"yoast_head":"\nO que \u00e9 HTML - Dr Code<\/title>\n<meta name=\"description\" content=\"Voc\u00ea sabe o que \u00e9 HTML ? Como n\u00e3o, voc\u00ea v\u00ea ele em todos os sites que acessa, descubra para o que serve, e como se usa esta linguagem de programa\u00e7\u00e3o.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/\" \/>\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 - Dr Code\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea sabe o que \u00e9 HTML ? Como n\u00e3o, voc\u00ea v\u00ea ele em todos os sites que acessa, descubra para o que serve, e como se usa esta linguagem de programa\u00e7\u00e3o.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Dr Code\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/Dr-Code\/1408258822807332\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com.br\/Felipeourjake\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-19T00:28:53+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg\" \/>\n<meta name=\"author\" content=\"Felipe Mello\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Mello\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/\"},\"author\":{\"name\":\"Felipe Mello\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281\"},\"headline\":\"O que \u00e9 HTML\",\"datePublished\":\"2015-01-19T00:28:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/\"},\"wordCount\":561,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg\",\"articleSection\":[\"Destaque\",\"HTML 5\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/\",\"url\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/\",\"name\":\"O que \u00e9 HTML - Dr Code\",\"isPartOf\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg\",\"datePublished\":\"2015-01-19T00:28:53+00:00\",\"author\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281\"},\"description\":\"Voc\u00ea sabe o que \u00e9 HTML ? Como n\u00e3o, voc\u00ea v\u00ea ele em todos os sites que acessa, descubra para o que serve, e como se usa esta linguagem de programa\u00e7\u00e3o.\",\"breadcrumb\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage\",\"url\":\"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg\",\"contentUrl\":\"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/drcode.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Destaque\",\"item\":\"https:\/\/drcode.com.br\/blog\/category\/destaque\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O que \u00e9 HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#website\",\"url\":\"https:\/\/drcode.com.br\/blog\/\",\"name\":\"Dr Code\",\"description\":\"Dicas para desenvoldores web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/drcode.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281\",\"name\":\"Felipe Mello\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g\",\"caption\":\"Felipe Mello\"},\"description\":\"Felipe Mello, desenvolvedor desde 2014. Sendo programador Back-end, Front-end, e Designer. Conhecedor de PHP, CakePHP, Laravel, React, Angular, Node, jQuery\",\"sameAs\":[\"http:\/\/www.facebook.com.br\/Felipeourjake\",\"https:\/\/instagram.com\/felipeourjake\",\"https:\/\/www.linkedin.com\/in\/felipe-melo-62837aa7\/\",\"https:\/\/x.com\/felipeourjake\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que \u00e9 HTML - Dr Code","description":"Voc\u00ea sabe o que \u00e9 HTML ? Como n\u00e3o, voc\u00ea v\u00ea ele em todos os sites que acessa, descubra para o que serve, e como se usa esta linguagem de programa\u00e7\u00e3o.","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:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/","og_locale":"pt_BR","og_type":"article","og_title":"O que \u00e9 HTML - Dr Code","og_description":"Voc\u00ea sabe o que \u00e9 HTML ? Como n\u00e3o, voc\u00ea v\u00ea ele em todos os sites que acessa, descubra para o que serve, e como se usa esta linguagem de programa\u00e7\u00e3o.","og_url":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/","og_site_name":"Dr Code","article_publisher":"https:\/\/www.facebook.com\/pages\/Dr-Code\/1408258822807332","article_author":"http:\/\/www.facebook.com.br\/Felipeourjake","article_published_time":"2015-01-19T00:28:53+00:00","og_image":[{"url":"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg","type":"","width":"","height":""}],"author":"Felipe Mello","twitter_misc":{"Escrito por":"Felipe Mello","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#article","isPartOf":{"@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/"},"author":{"name":"Felipe Mello","@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281"},"headline":"O que \u00e9 HTML","datePublished":"2015-01-19T00:28:53+00:00","mainEntityOfPage":{"@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/"},"wordCount":561,"commentCount":0,"image":{"@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage"},"thumbnailUrl":"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg","articleSection":["Destaque","HTML 5"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/","url":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/","name":"O que \u00e9 HTML - Dr Code","isPartOf":{"@id":"https:\/\/drcode.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage"},"image":{"@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage"},"thumbnailUrl":"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg","datePublished":"2015-01-19T00:28:53+00:00","author":{"@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281"},"description":"Voc\u00ea sabe o que \u00e9 HTML ? Como n\u00e3o, voc\u00ea v\u00ea ele em todos os sites que acessa, descubra para o que serve, e como se usa esta linguagem de programa\u00e7\u00e3o.","breadcrumb":{"@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#primaryimage","url":"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg","contentUrl":"http:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/01\/html.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/drcode.com.br\/blog\/html\/o-que-e-html-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/drcode.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Destaque","item":"https:\/\/drcode.com.br\/blog\/category\/destaque\/"},{"@type":"ListItem","position":3,"name":"O que \u00e9 HTML"}]},{"@type":"WebSite","@id":"https:\/\/drcode.com.br\/blog\/#website","url":"https:\/\/drcode.com.br\/blog\/","name":"Dr Code","description":"Dicas para desenvoldores web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/drcode.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281","name":"Felipe Mello","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g","caption":"Felipe Mello"},"description":"Felipe Mello, desenvolvedor desde 2014. Sendo programador Back-end, Front-end, e Designer. Conhecedor de PHP, CakePHP, Laravel, React, Angular, Node, jQuery","sameAs":["http:\/\/www.facebook.com.br\/Felipeourjake","https:\/\/instagram.com\/felipeourjake","https:\/\/www.linkedin.com\/in\/felipe-melo-62837aa7\/","https:\/\/x.com\/felipeourjake"]}]}},"views":1859,"_links":{"self":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":1,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts\/84\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/media?parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/categories?post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/tags?post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}