Quais são as duas partes principais de um documento HTML?

A seção principal do documento contém o título do site, palavras-chave para mecanismos de pesquisa, scripts e a localização de uma folha de estilo em cascata que deve ser usada na formatação da página. Tags HTML típicas usadas na seção head incluem o

, <link>, <style> , <meta> e <script> tags. </p> </div> <div class = "componente-artigo-seção-conteúdo ui-corpo artigo-seção-conteúdo"> <p> A tag <title> define o título do documento. A tag <link> vincula um recurso externo, como um arquivo CSS, ao documento. A tag <style> define os estilos do documento. A tag <meta> é usada para definir o autor, palavras-chave e descrição do documento. A tag <script> define um script que deve ser executado no computador do visitante. Se a seção do cabeçalho não for colocada no documento, o conteúdo do documento ainda será exibido pelo navegador. </p> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - mobile"> <p class = "inline-ad__label ui-label"> Publicidade </p> <div class = "inline-ad__wrapper"> <div id = "slot1-3" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-3" data-ad-batch = "1" data-ad-targeting = "{" loc ":" ad_3 "}" data-ad-sized = "[[300,250], [320,50], [320,100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad slot ad-mobile"> </ div > </div> </div> </div> <div class = "component-article-section-header article-section-content"> <h2 id = "body-contents"> Conteúdo do corpo </h2> </div> <div class = "component-article-section-content ui -corpo article-section-content "> <p> A seção do corpo é usada para formatar a página da web real. A maioria das tags HTML, como a tag de parágrafo (<p>), a tag âncora (<a>), as tags de cabeçalhos (<h1> a <h6>) e a tag de seção (<div>) são usadas em esta seção do documento. Os scripts do lado do servidor também são colocados nesta seção do documento. Se você não tiver uma seção do corpo em seu documento HTML, nada será exibido no navegador da Web. </p> </div> <div class = "componente-artigo-seção-título artigo-seção-conteúdo"> <h2 id = "doctype"> DOCTYPE </h2> </div> <div class = "component-article-section-content ui-body article-section-content"> <p> A única coisa que não está incluída entre as tags <html> é o Declaração DOCTYPE. Se usado, deve ser a primeira linha do documento HTML. É usado para informar ao navegador da Web qual versão de HTML o documento está usando. O navegador usa essa declaração para processar a página corretamente. A declaração DOCTYPE pode ser omitida, mas o navegador pode não apresentar sua página corretamente. </p> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - desktop"> <!> <div class = "inline-ad__wrapper"> < div id = "inline1-2" data-ad-path = "/ 6117 / dmd.techwalla / inline1-2" data-ad-batch = "2" data-ad-targeting = "{" loc ":" inline_2 "}" data-ad-Tamanhos = "[[728,90], [300,250]]" data-ad-bidding = "true" data-ad-breakpoint = "medium, large" data-ad-refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad inline ad-desktop"> < / div> </div> </div> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - mobile"> <p class = "inline-ad__label ui-label"> Anúncio </p> <div class = "inline-ad__wrapper"> <div id = "slot1-4" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-4" data-ad-batch = "2" data-ad- segmentação = "{" loc ":" ad_4 "}" data-ad-size = "[[300,250], [320,50], [320,100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad slot ad-mobile"> </div> </div> </div> </div> </article> <!> <div class = "component-article-citations desktop- hide mobile-hide "> <div class = "citations-header"> <div class = "citations-title ui-header-NN"> referências </div> <div class = "citations-dropdown"> <div class = "svg arrow-down-small svg - arrow-down-small "> </div> </div> </div> <div class =" citations-list-wrapper "> <ul class =" citations-list is-hidden "> <li classe = "citations-item ui-body"> <a href = " http://www.w3schools.com/html/html_head.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML Head Elements </a> </li> <li class = "citations-item ui-body"> <a href = http://www.w3schools.com/tags/tag_meta.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML < Meta> Tag </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_body.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML < Corpo> Tag </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_doctype.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML <! DOCTYPE> Declaração </a> </li> </ul> </div> </div> <!> <!> <!> <Div class = "component-ads-by-google end-of-article-ads" > <ins data-ad-client = "pub-0316265116163263" data-ad-slot = "6915260661" data-ad-format = "" class = "nope"> </ins> </div> <!> <!> </div> <aparte class = "right-rail rrvNN desktop-show mobile-hide "> <div class =" ad-one "> <div class = "disclaimer-ad-wrapper" style = "top: 20px;"> <div class = "component-compensation-disclaimer ui-label mobile-hide desktop-show"> Techwalla pode receber compensação por meio links de afiliados nesta história. </div> <div class = "ad atf"> <div id = "rightrail1-1" data-ad-path = "/ 6117 / dmd.techwalla / rightrail1-1" data-ad-targeting = "{" loc ":" atf "}" data-ad-batch = "1" data-ad-breakpoint = "grande" data-ad-type = "gpt" data-ad-refresh = "true" data-ad-sized = "[[300, 250], [300, 600]]"> </div> </div> </ div> </div> <div class = "component-article-rcp desktop-show mobile-hide desktop-6 mobile-6 "> <div class =" related-content__heading "> <h4 class =" header "> <span> As pessoas estão lendo </span> </h4> </div> <div class =" related-content " > <div id = "articleWrapper0rcpItem0" class = "related-content__item tech-support"> <div class = "item__section item__section - number"> <div> 1 </div> <!> <!> <!> <!> <!> <!> < / div> <div class = "item__section item__section - title "> <!> <!> <!> <a href =" https://www.techwalla.com/articles/how-to-center-an-image-using-html-programming" data-event = "rc_right_rail" data-variant = "cme" data-info = "1" data-label = "/ articles / how-to-center-an-image-using-html-programming" title = "How to Centralizar uma imagem usando HTML Programação "class =" ui-body "> <h5> Como centralizar uma imagem usando programação HTML </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem1" class = "related-content__item tech-support"> <div class = "item__section item__section - number"> <div> 2 </div> <!> <!> <!> <!> <!> <!> < / div> <div class = "item__section item__section - title "> <!> <!> <!> <a href =" https://www.techwalla.com/articles/how-to-use-javascript-to-print-a-pdf" data-event = "rc_right_rail" data-variant = "cme" data-info = "2" data-label = "/ articles / how-to-use-javascript-to-print-a-pdf" title = "Como fazer Use JavaScript para imprimir um PDF "class =" ui-body "> <h5> Como usar JavaScript para imprimir um PDF </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem2" class = "related-content__item tech-support "> <div class =" item__section item__section - number "> <div> 3 </div> <!> <!> <!> <!> <!> <!> </div> <div class = "item__section item__section - title"> <!> <!> <!> <a href = " https://www.techwalla.com/articles/how-to-reduce-the-spacing-between-lines-in-html" data-event = "rc_right_rail" data-variant = "cme" data-info = "3" data-label = "/ articles / how-to-reduce-the-spacing-between-lines-in-html" title = " Como reduzir o espaçamento entre as linhas em HTML "class =" ui-body "> <h5> Como reduzir o espaçamento entre linhas em HTML </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem3" class = "related-content__item tecnicamente para os pais "> <div class =" item__section item__section - number "> <div> 4 </div> <!> <!> <!> <!> <!> <!> </div> < div class = "item__section item__section - title"> <!> <!> <!> <a href = " https://www.techwalla.com/articles/what-does-html-stand-for" data-event = "rc_right_rail" data-variant = "cme" data-info = "4" data-label = "/ articles / what-does-html-stand-for" title = "O que HTML significa?" class = "ui-body"> <h5> O que HTML significa? </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem4" class = "related-content__item tech-support"> <div class = "item__section item__section - number "> <div> 5 </div> <!> <!> <!> <!> <!> <!> </div> <div class =" item__section item__section - title "> <! > <!> <!> <a href = " https://www.techwalla.com/articles/how-do-i-make-text-red-in-html" data-event = "rc_right_rail" data-variant = "cme" data-info = "5" data-label = "/ articles / how-do-i-make-text-red-in-html" title = "Como faço para tornar o texto vermelho em HTML?" class = "ui-body"> <h5> Como torno o texto vermelho em HTML? </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem5" class = "related-content__item tech-support"> <div class = "item__section item__section - number "> <div> 6 </div> <!> <!> <!> <!> <!> <!> </div> <div class =" item__section item__section - title "> <! > <!> <!> <a href = " https://www.techwalla.com/articles/how-to-type-a-caret-symbol" data-event = "rc_right_rail" data-variant = "cme" data-info = "6" data-label = "/ articles / how-to-type-a-caret-symbol" title = "Como digitar um símbolo circunflexo "class =" ui-body "> <h5> Como digitar um símbolo de circunflexo </h5> </a> <!> <!> <!> </div> </div> </div> </div> <div class = "ad-two"> <div class = "ad btf "style =" top: 20px; "> <div id =" rightrail1-2 "data-ad-path =" / 6117 / dmd.techwalla / rightrail1-2 " data-ad-targeting = "{" loc ":" btf "}" data-ad-batch = "1" data-ad-breakpoint = "large" data-ad-type = "gpt" data-ad-refresh = "true" data-ad-sized = "[[300, 250]]"> </div> </div> </div> <!> <div class = "ad-three-four-container"> <!> <!> </div> </aside> </div> </div> </div> <div data-ad-breakpoint = "small" data -ad-logic = "adesão" data-ad-refresh = "false" data-ad-batch = "1" data-ad-targeting = "{" loc ":" adesion "}" data-ad-path = "/ 6117 / dmd.techwalla.mw /"> </div> <!> <div class = "ad-infinite -scroll "> <div id =" infscroll-mobile1-1 " data-ad-path = "/ 6117 / dmd.techwalla.mw / infscroll1-1" data-ad-batch = "1" data-ad-targeting = "{" loc ":" infscroll "}" data-ad- tamanhos = "[1,2]]" data-ad-bidding = "false" data-ad-breakpoint = "pequeno" data-ad-refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad infscroll ad-mobile"> </div> <div id = "infscroll1-1" data-ad- path = "/ 6117 / dmd.techwalla / infscroll1-1" data-ad-batch = "1" data-ad-targeting = "{" loc ":" infscroll "}" data-ad-sizes = "[[1,2]]" data-ad-bidding = "false" data-ad-breakpoint = "medium, grande "data-ad-refresh =" false "data-ad-type =" gpt "class =" component-ad-gpt ad infscroll ad-desktop "> </div> </div> </div> </div> <div id =" brandmetrics1-1 "data-ad-type =" gpt "data-ad-batch = dados" 1 " -ad-breakpoint = "pequeno, médio, grande" data-ad-outofpage = "true" data-ad-pathmobile = "/ 6117 / dmd.techwalla.mw / brandmetrics1-1" data-ad-pathdesktop = "/ 6117 / dmd.techwalla / brandmetrics1-1" data-ad-refresh = "false" data-ad -tamanhos = "[[1, 1]] "> </div> </div> </div> </div> </div> </main> <!> </div> <div class =" component-subscriber-manager "> <! > <!> <!> <div id = "emailslider1-1" data-ad-path = "/ 6117 / dmd.techwalla / emailslider1-1" data-ad-batch = "1" data-ad-targeting = "{" loc ":" "}" data-ad-sized = "[[1,3]]" data-ad-bidding = "true" data -ad-breakpoint = "pequeno, médio, grande" data-ad-refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad emailslider ad-mobile, desktop "> </div> </div> </div> <script> window .__ INITIAL_STATE __ = {" statusCode ": 200," isActiveModal ": false," showPage500 ": false," ads ": {}," Article ": {"artigos": [{"categoria": {"nome": "Tecnologia Suporte "," slug ":" tech-support "}," subcategoria ": {" name ":" Reviews "," slug ":" reviews "}," body ": [{" parts ": [{" content ":" \ u003Cp \ u003E as duas partes principais de um documento HTML são o cabeçalho e o corpo. Cada seção contém informações específicas. A seção principal contém informações que são úteis para o navegador da Web e mecanismos de pesquisa, mas não são visíveis para o leitor. A seção do corpo contém as informações que você deseja que o visitante veja. O documento é formatado especificamente para que os navegadores da Web possam analisar as informações e apresentá-las ao visitante corretamente. \ u003C \ u002Fp \ u003E \ n "}]}, {" partes ": [{" conteúdo ":" \ u003Cp \ u003EAn documento HTML deve ser formatado corretamente para ser lido por um Navegador da web. A seguir está um esboço geral de um documento HTML típico: \ u003C \ u002Fp \ u003E \ n "}, {" conteúdo ":" \ u003C! DOCTYPE \ u003E \ u003Chtml \ u003E \ u003Chead \ u003E Informações para navegador da Web e mecanismos de pesquisa \ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E Conteúdo visível para o leitor \ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "}, {" conteúdo ":" \ u003Cp \ u003E Ambas as tags \ u003Chead \ u003E e \ u003Cbody \ u003E estão contidas dentro da tag main \ u003Chtml \ u003E. Ambas as seções devem terminar com os caracteres "<\ u002F>" para que o documento seja lido. \ U003C \ u002Fp \ u003E \ n "}]," título ":" Estrutura de um HTML documento "}, {" partes ": [{" conteúdo ":" \ u003Cp \ u003A seção principal do documento contém o título do site, palavras-chave para mecanismos de pesquisa, scripts e a localização de uma folha de estilo em cascata que deve ser usado na formatação da página. Tags HTML típicas usadas na seção head incluem \ u003Ctitle \ u003E, \ u003Clink \ u003E, \ u003Cstyle \ u003E, \ u003Cmeta \ u003E e \ u003Cscript \ u003E tags. \ u003C \ u002Fp \ u003E \ n "}, {" content ":" \ u003Cp \ u003E a \ u003Ctitle \ u003E tag define o título do documento. A tag \ u003Clink \ u003E vincula um recurso externo, como um arquivo CSS, ao documento. A tag \ u003Cstyle \ u003E define os estilos do documento. A tag \ u003Cmeta \ u003E é usada para definir o autor, palavras-chave e descrição do documento. A tag \ u003Cscript \ u003E define um script que deve ser executado no computador do visitante. Se a seção do cabeçalho não for colocada no documento, o conteúdo do documento ainda será exibido pelo navegador. \ u003C \ u002Fp \ u003E \ n "}]," título ":" Conteúdo do cabeçalho "}, {" partes ": [{" conteúdo ":" \ u003Cp \ u003A seção do corpo é usada para formatar a página da Web real. A maioria das tags HTML, como a tag de parágrafo (\ u003Cp \ u003E), a tag âncora (\ u003Ca \ u003E), os títulos tags (\ u003Ch1 \ u003E a \ u003Ch6 \ u003E) e a tag de seção (\ u003Cdiv \ u003E) são usados ​​nesta seção do documento. Os scripts do lado do servidor também são colocados nesta seção do documento. Se você não tiver uma seção do corpo em seu documento HTML, nada será exibido na Web navegador. \ u003C \ u002Fp \ u003E \ n "}]," título ":" Conteúdo do corpo "}, {" partes ": [{" conteúdo ":" \ u003Cp \ u003A única coisa não incluída entre os \ u003Chtml \ u003E tags é a declaração DOCTYPE. Se usado, deve ser a primeira linha do documento HTML. É usado para informar ao navegador da Web qual versão de HTML o documento está usando. O navegador usa essa declaração para processar a página corretamente. A declaração DOCTYPE pode ser omitida, mas o navegador pode não apresentar sua página São as duas partes principais de um documento HTML? "," Page_title ":" Quais são as duas partes principais de um HTML Elementos do cabeçalho HTML "}, {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_meta.asp "," title ":" W3Schools.com: HTML <Meta> Tag "}, {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_body.asp "," title ":" W3Schools.com: HTML <Body> Tag "}, {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_doctype.asp "," title ":" W3Schools.com: HTML <! DOCTYPE> Declaração "}]," resources ": []," slug ":" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-of-an-html-document "," studio_id ":" c3e12530-5681- 40e5-89ca-09db1f984f65 "," sumário ":" Os dois principais partes de um documento HTML são o cabeçalho e o corpo. Cada seção contém informações específicas. A seção principal contém informações que são úteis para o navegador da Web e mecanismos de pesquisa, mas não são visíveis para o leitor. A seção do corpo contém as informações que você deseja que o visitante veja. "," Tags ": [" Grupo 5 "," configurabletemplate "]," title ":" O que são as duas partes principais de um HTML Documento? "," Title_id ": 37505," type ":" Artigo "," escritor ": {" _ id ":" www.demandstudios.com \ u002Fcontributor \ u002F8329c089-06a1-45d5-b803-b25f77fd955c "," display_name ": "Kristen Waters "," bio ":" Kristen Waters escreve para a indústria de computadores desde 2004. Ela escreveu materiais de treinamento para empresas de informática grandes e pequenas, bem como artigos de instruções e informativos para muitas publicações online. Ela é bacharel em Ciências pela York College of Pennsylvania e pela University of São as duas partes principais de um documento HTML? "}]}]," Keywords ": [" seções do documento HTML "," seção do corpo do HTML "," cabeçalho do HTML duas partes principais de um documento HTML são o cabeçalho e o corpo. Cada seção contém informações específicas. A seção principal contém informações que são úteis para o navegador da Web e mecanismos de pesquisa, mas não são visíveis para o leitor. A seção do corpo contém as informações que você deseja que o visitante veja. O documento é formatado especificamente para que os navegadores da Web possam analisar as informações e apresentá-las ao visitante corretamente. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" ad-mobile "," content ": {" loc ":" ad_1 "," slot ":" slot "," slotNumber ": 1, "tamanhos": [[300,250], [320,50], [320,100]]}}, {"tipo": "título", "conteúdo": {"título": "Estrutura de um documento HTML "," formatted_title ":" "}}, {" type ":" content "," content ":" \ u003Cp \ u003EAn documento HTML deve ser formatado corretamente para ser lido por um navegador da web. O seguinte é um esboço geral de um documento HTML típico: \ u003C \ u002Fp \ u003E \ n "}, {" type ":" jwplayer "," content ": {" advertisingTag ":" https: \ u002F \ u002Fpubads.g .doubleclick.net \ u002Fgampad \ u002Fads? \ u003Chtml \ u003E \ u003Chead \ u003E Informações para navegador da Web e mecanismos de pesquisa \ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E Conteúdo visível ao leitor \ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "}, {" type ":" content "," content ":" \ u003Cp \ u003E Ambas as tags \ u003Chead \ u003E e \ u003Cbody \ u003E estão contidas nas \ u003Chtml \ u003E principais marcação. Ambas as seções devem ser encerradas com os caracteres "<\ u002F>" para que o documento seja ler. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" ad-mobile "," content ": {" loc ":" ad_2 "," slot ":" slot "," slotNumber ": 2, "tamanhos": [[300,250], [320,50], [320,100]]}}, {"tipo": "título", "conteúdo": {"título": "Cabeça Conteúdo "," formatted_title ":" "}}, {" tipo ":" conteúdo "," conteúdo ":" \ u003Cp \ u003A seção principal do documento contém o título do site, palavras-chave para mecanismos de pesquisa, scripts e a localização de uma folha de estilo em cascata que deve ser usada na formatação da página. Tags HTML típicas usadas na seção head incluem \ u003Ctitle \ u003E, \ u003Clink \ u003E, \ u003Cstyle \ u003E, \ u003Cmeta \ u003E e \ u003Cscript \ u003E tags. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" content "," content ":" \ u003Cp \ u003E a \ u003Ctitle \ u003E tag define o título do documento. A tag \ u003Clink \ u003E vincula um recurso externo, como um arquivo CSS, ao documento. A tag \ u003Cstyle \ u003E define os estilos do documento. A tag \ u003Cmeta \ u003E é usada para definir o autor, palavras-chave e descrição do documento. A tag \ u003Cscript \ u003E define um script que deve ser executado no computador do visitante. Se a seção do cabeçalho não for colocada no documento, o conteúdo do documento ainda será exibido pelo navegador. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" ad-mobile "," content ": {" loc ":" ad_3 "," slot ":" slot "," slotNumber ": 3, "tamanhos": [[300,250], [320,50], [320,100]]}}, {"tipo": "título", "conteúdo": {"título": "Corpo Conteúdo "," formatted_title ":" "}}, {" tipo ":" conteúdo "," conteúdo ":" \ u003Cp \ u003A seção do corpo é usada para formatar a página da Web real. A maioria das tags HTML, como a tag de parágrafo (\ u003Cp \ u003E), a tag âncora (\ u003Ca \ u003E), os títulos tags (\ u003Ch1 \ u003E a \ u003Ch6 \ u003E) e a tag de seção (\ u003Cdiv \ u003E) são usados ​​nesta seção do documento. Os scripts do lado do servidor também são colocados nesta seção do documento. Se você não tiver uma seção do corpo em seu documento HTML, nada será exibido na Web navegador. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" title "," content ": {" title ":" DOCTYPE "," formatted_title ":" "}}, {" type ":" conteúdo "," conteúdo ":" \ u003Cp \ u003A única coisa que não incluída entre as tags \ u003Chtml \ u003E está a declaração DOCTYPE. Se usado, deve ser a primeira linha do documento HTML. É usado para informar ao navegador da Web qual versão de HTML o documento está usando. O navegador usa essa declaração para processar a página corretamente. A declaração DOCTYPE pode ser omitida, mas o navegador pode não apresentar sua página São as Duas Partes Principais de um HTML Documento? "," Slug ":" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-of-an-html-document "," image ": {" caption ":" "}," summary ": "As duas partes principais de um HTML documento são a cabeça e o corpo. Cada seção contém informações específicas. A seção principal contém informações que são úteis para o navegador da Web e mecanismos de pesquisa, mas não são visíveis para o leitor. A seção do corpo contém as informações que você deseja que o visitante Equipe "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}," title ":" Como centralizar uma imagem usando programação HTML ", "categoria": {"nome": "Tecnologia Suporte "," slug ":" tech-support "}," subcategoria ": {" nome ":" Como 1 "]," title_id ": 9321," summary ":" Um codificador de página da Web usa a linguagem de marcação de hipertexto para informar ao navegador da Web a finalidade funcional de cada elemento em uma página, como um parágrafo, título ou Smith "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}," title ":" How to Use JavaScript to Print a PDF ", "categoria": {"nome": "Tecnologia Suporte "," slug ":" tech-support "}," subcategoria ": {" nome ":" Como frames "," Print PDF "," Web development "," Printing in JavaScript "]," tags ": [" Group 9 "]," title_id ": 33574," summary ":" É compreensível que você queira imprimir um arquivo PDF usando o código localizado diretamente dentro de sua página da web. A alternativa é fazer o download do seu visualizador do arquivo PDF, abri-lo e depois imprimi-lo de outro programa como o Adobe Graham "," bio ":" Richard Graham trabalha profissionalmente como economista e educador desde 2007. Ele também trabalha como consultor para pequenas empresas e organizações focadas no desenvolvimento de tecnologias verdes. Graham é bacharel em ciências em para reduzir o espaçamento entre linhas em HTML "," categoria ": {" nome ":" Suporte técnico "," slug ":" suporte técnico "}," subcategoria ": {" nome ":" Como espaçamento site "," espaçamento entre linhas HTML "," altura da linha HTML "]," tags ": [" Grupo 7 "]," title_id ": 25692," resumo ":" O uso de HTML facilita a criação de páginas básicas da web e controlar vários atributos dessas páginas, incluindo fonte, tamanho do texto, cor e espaçamento entre linhas. Reduzir o espaçamento entre as linhas pode ser útil se você precisar condensar uma página da web ou reduzir o espaço em branco para fins estéticos motivos. "," source ":" cme "," position ": 3}, {" image ": {" alttext ":" HTML web Claerr "," bio ":" Jennifer Claerr é uma redatora da web que escreveu para sites online como Demand Studios, NBC5i.com, Texas.com e PC.com. Ela é formada em artes pela Universidade do Texas em Arlington. Ela escreve sobre uma variedade de tópicos, incluindo férias, saúde e fitness, viagens, computadores e HTML significa? "," Categoria ": {" nome ":" Tecnicamente para tag que significa "," o que é html "," explicação html "]," tags ": [" Grupo 3 "]," title_id ": 37685," sumário ":" HTML significa linguagem de marcação de hipertexto, a linguagem usada para produzir documentos para o mundo inteiro Rede. Usando tags e atributos, o HTML informa aos navegadores da Web como exibir o texto, hiperlinks e imagens em uma página da Web, bem como como a página deve responder quando um usuário interage com ele. "," source ":" cme "}, {" image ": {" alttext ":" HTML Wayne "," bio ":" David Wayne escreve desde 2010, com colunas de tecnologia aparecendo em vários jornais regionais do Texas. Wayne se formou na University of Houston em 2005, ganhando um bacharelado em Small.jpg "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}," title ":" Como faço para tornar o texto vermelho em HTML? "," Categoria ": {" nome ":" Suporte técnico "," slug ":" suporte técnico "}," subcategoria ": {" nome ":" Como 4.01 doctype "," CSS HTML interno "," HTML5 obsoleto tags "]," tags ": [" Grupo 2 "]," title_id ": 6420," summary ":" HTML usa um sistema de palavras-chave reservadas chamadas tags que especificam atributos do elemento, como estilo da fonte, cor e alinhamento. No HTML 4.01 e em versões anteriores, a tag <font> emprega um atributo color que define um único bloco de texto Buleen "," bio ":" Chad Buleen é um jornalista e editor de revista premiado pela Society of Professional Journalists, com mais de 10 anos de experiência. Ele é editor sênior de uma revista infantil internacional. Buleen é bacharel em comunicação com ênfase em jornalismo impresso por Brigham Young para digitar um símbolo de acento circunflexo "," categoria ": {" nome ":" Suporte técnico "," slug ":" suporte técnico "}," subcategoria ": {" nome ":" Como acento circunflexo "," digite o acento circunflexo "," insira o acento circunflexo "]," tags ": [" Grupo 5 "]," title_id ": 32081," sumário ":" Editores no campo de publicação usam o acento circunflexo para indicar que há uma seção na página onde algo está faltando. Por exemplo, se uma palavra está digitada incorretamente porque falta uma letra necessária, o editor pode inserir um circunflexo com a letra necessária logo abaixo Equipe "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}," title ":" Como centralizar uma imagem usando HTML Programação "," categoria ": {" nome ":" Suporte técnico "," slug ":" suporte técnico "}," subcategoria ": {" nome ":" Como 1 "]," title_id ": 9321," summary ":" Um codificador de página da Web usa a linguagem de marcação de hipertexto para informar ao navegador da Web a finalidade funcional de cada elemento em uma página, como um parágrafo, título ou Smith "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}," title ":" How to Use JavaScript to Print a PDF ", "categoria": {"nome": "Tecnologia Suporte "," slug ":" tech-support "}," subcategoria ": {" nome ":" Como frames "," Print PDF "," Web development "," Printing in JavaScript "]," tags ": [" Group 9 "]," title_id ": 33574," summary ":" É compreensível que você queira imprimir um arquivo PDF usando o código localizado diretamente em sua página da web. A alternativa é fazer o download do seu visualizador do arquivo PDF, abri-lo e depois imprimi-lo de outro programa como o Adobe Graham "," bio ":" Richard Graham trabalha profissionalmente como economista e educador desde 2007. Ele também trabalha como consultor para pequenas empresas e organizações focadas no desenvolvimento de tecnologias verdes. Graham é bacharel em ciências em para reduzir o espaçamento entre linhas em HTML "," categoria ": {" nome ":" Suporte técnico "," slug ":" suporte técnico "}," subcategoria ": {" nome ":" Como espaçamento site "," espaçamento entre linhas HTML "," altura da linha HTML "]," tags ": [" Grupo 7 "]," title_id ": 25692," resumo ":" O uso de HTML facilita a criação de páginas básicas da web e controlar vários atributos dessas páginas, incluindo fonte, tamanho do texto, cor e espaçamento entre linhas. Reduzir o espaçamento entre as linhas pode ser útil se você precisar condensar uma página da web ou reduzir o espaço em branco para fins estéticos motivos. "," source ":" cme "," position ": 3}, {" image ": {" alttext ":" HTML web Claerr "," bio ":" Jennifer Claerr é uma redatora da web que escreveu para sites online como Demand Studios, NBC5i.com, Texas.com e PC.com. Ela é formada em artes pela Universidade do Texas em Arlington. Ela escreve sobre uma variedade de tópicos, incluindo férias, saúde e fitness, viagens, computadores e HTML significa? "," Categoria ": {" nome ":" Tecnicamente para tag que significa "," o que é html "," explicação html "]," tags ": [" Grupo 3 "]," title_id ": 37685," sumário ":" HTML significa linguagem de marcação de hipertexto, a linguagem usada para produzir documentos para o mundo inteiro Rede. Usando tags e atributos, o HTML informa aos navegadores da Web como exibir o texto, hiperlinks e imagens em uma página da Web, bem como como a página deve responder quando um usuário interage com ele. "," source ":" cme "}, {" image ": {" alttext ":" HTML Wayne "," bio ":" David Wayne escreve desde 2010, com colunas de tecnologia aparecendo em vários jornais regionais do Texas. Wayne se formou na University of Houston em 2005, ganhando um bacharelado em Small.jpg "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}," title ":" Como faço para tornar o texto vermelho em HTML? "," Categoria ": {" nome ":" Suporte técnico "," slug ":" suporte técnico "}," subcategoria ": {" nome ":" Como 4.01 doctype "," CSS HTML interno "," HTML5 obsoleto tags "]," tags ": [" Grupo 2 "]," title_id ": 6420," summary ":" HTML usa um sistema de palavras-chave reservadas chamadas tags que especificam atributos do elemento, como estilo da fonte, cor e alinhamento. No HTML 4.01 e em versões anteriores, a tag <font> emprega um atributo color que define um único bloco de texto Buleen "," bio ":" Chad Buleen é um jornalista e editor de revista premiado pela Society of Professional Journalists, com mais de 10 anos de experiência. Ele é editor sênior de uma revista infantil internacional. Buleen é bacharel em comunicação com ênfase em jornalismo impresso por Brigham Young para digitar um símbolo de acento circunflexo "," categoria ": {" nome ":" Suporte técnico "," slug ":" suporte técnico "}," subcategoria ": {" nome ":" Como acento circunflexo "," digite o acento circunflexo "," insira o acento circunflexo "]," tags ": [" Grupo 5 "]," title_id ": 32081," sumário ":" Editores no campo de publicação usam o acento circunflexo para indicar que há uma seção na página onde algo está faltando. Por exemplo, se uma palavra está digitada incorretamente porque falta uma letra necessária, o editor pode inserir um circunflexo com a letra necessária logo abaixo bloco embutido; largura mínima: 320px; largura máxima: 1200px; largura: 100%; altura: 450px "}," linkUnit ": {" desktop ": {" clientId ":" ca-pub-0316265116163263 "," slotId ":" 4465103631 "," styles ":" display: inline- bloquear; largura: 440px; altura: 200px "}," mobile ": {" clientId ":" ca-pub-0316265116163263 "," slotId ":" 9816821440 "," styles ":" display: block; transição: nenhum 0s facilidade 0s; esboço: nenhum; fronteira: nenhum; preenchimento: 0px; espaçamento de borda: 0px; altura: pode receber compensação por meio de links afiliados neste estão estão 443 "," externalDomain ":" https: \ u002F \ u002Fapi.techwalla.com: & Gadget Reviews, Metascores & Recommendations "," description ":" Tecnologia simplificada para toda a sua família. "," Info ": [{" property ":" og: site_name "," content ":" Techwalla "}, { "propriedade": "fb: app_id "," content ":" 1578283302422712 "}, {" property ":" fb: pages "," content ":" 1116406528374498 "}, {" name ":" twitter: 8080 "," title ":" Techwalla "}," lazyLoaderSetting ": {" rootMargin ":" 50% 0% 100% -resultados- para “\ u003Cspan \ u003E-searchTerm- \ u003C \ u002Fspan \ u003E” "," inputPlaceholderValue ":" Digite para Pesquisar "," noResultsCopy ":" Confira nosso último saber mais sobre o gadget de tecnologia mais recente para crianças ou a melhor oferta de tecnologia? A Techwalla oferece cobertura para você com nossos registros honestos de produtos, cobertura de vendas e mais. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "}," guias de presentes ": {" nome ":" Guias de presentes "," slug ":" guias de presentes "," título ": "Presente Guias "," tipo ":" subcategoria "," descrição ":" Quer você esteja procurando os melhores presentes de tecnologia para seu filho ou para seu fanático por casa inteligente, temos o que você precisa com guias de presentes especializados. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "," parent ": {" name ":" Shop "," slug ":" shop "}}," tech-toys ": {"nome": "Tecnologia Brinquedos "," lesma ":" brinquedos tecnológicos "," título ":" Brinquedos tecnológicos "," tipo ":" subcategoria "," descrição ":" Quer um presente para seu filho que entenda de tecnologia e seja educativo? Temos artigos sobre os melhores presentes STEM e STEAM para as crianças em seu life. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "," parent ": {" name ":" Shop "," slug ":" shop "}}," tech-on-a-budget ": {" name ":" Tech on a budget "," slug ":" tech-on-a-budget "," title ":" Tech em um orçamento "," digite ":" subcategoria "," descrição ":" Quer o iPhone mais recente, mas não está no orçamento? Nós ajudamos você com as melhores ofertas de tecnologia que cabem no seu orçamento e lifestyle. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "," parent ": {" name ":" Shop "," slug ":" shop "}}," smart-life ": {" name ":" Smart Life "," slug ":" smart-life "," title ":" Smart Vida "," tipo ":" categoria "," descrição ":" Com as mais recentes análises de gadgets inteligentes e familiares, recomendações de aplicativos legais, conselhos de viagem e muito mais, Techwalla ajuda você a viver um pouco a vida mais inteligente. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "}," gadgets ": {" name ":" Gadgets "," slug ":" gadgets "," title ":" Gadgets "," tipo ":" subcategoria "," descrição ":" Saiba mais sobre o gadgets de tecnologia mais legais e mais recentes com nossas recomendações honestas e cobertura de tecnologia dinâmica. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," parent ": {" name ":" Smart Life "," slug ":" smart-life "}}," cool-apps ": {" name ":" Cool Apps "," slug ":" cool-apps "," title ":" Cool Apps ", "tipo": "subcategoria", "descrição": "Se você quiser mais notícias sobre as novidades educacionais aplicativos para seus filhos ou uma análise honesta dos melhores aplicativos para ajudar na sua produtividade, temos de tudo. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," pai ": {" nome ": "Inteligente Life "," slug ":" smart-life "}}," travel ": {" name ":" Travel "," slug ":" travel "," title ":" Travel "," type ":" subcategoria "," description ":" Na Techwalla, damos-lhe uma opinião honesta sobre a melhor tecnologia de viagens, ofertas de viagens e dicas para ajudar a tornar você e sua família (e viagens) mais fáceis. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," pai ": {" nome ":" Inteligente Life "," slug ":" smart-life "}}," smartphones ": {" name ":" Smartphones "," slug ":" smartphones "," title ":" Smartphones "," type ":" subcategoria "," descrição ":" Oferecemos análises honestas e notícias sobre as últimas smartphones, de iPhones, Androids, telefones para crianças e muito mais. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," pai ": {" nome ":" Inteligente Life "," slug ":" smart-life "}}," tecnicamente para os pais ": {" name ":" Tecnicamente para os pais "," slug ":" tecnicamente para os pais "," title ": "Tecnicamente para pais", "tipo": "categoria", "descrição": "De artigos que abrangem novos recursos de educação em tecnologia a dicas de segurança on-line, temos tudo que você precisa saber para ser um especialista em tecnologia parent. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "}," education ": {" name ":" Education "," slug ":" education "," title ":" Education "," digite ":" subcategoria "," descrição ":" De comentários sobre aplicativos educacionais para recursos STEM e STEAM, ajudamos você a navegar no mundo lotado de tecnologia educacional e tomar decisões informadas sobre os seus filhos educação. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "," parent ": {" name ":" Tecnicamente para Pais "," slug ":" tecnicamente para os pais "}}," online-safety ": {" name ":" Online Safety "," slug ":" online-safety "," title ":" Online Safety "," tipo ":" subcategoria "," descrição ":" Na Techwalla, fornecemos você com as informações necessárias para ajudar a manter sua família segura em sua tecnologia, online e mais. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "," parent ": {" name ":" Tecnicamente para os pais "," slug ":" tecnicamente para os pais "}}," tecnologia -suporte ": {" nome ":" Tecnologia Suporte "," slug ":" tech-support "," title ":" Shop "," type ":" category "," description ":" Techwalla é o seu balcão único para aconselhamento técnico. Desde instruções passo a passo a comentários e muito mais, ajudamos a manter você e sua família conectados e produtivo. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "}," how-to ": {" name ":" How To "," slug ":" how-to "," title ": "Como", "digite": "subcategoria", "descrição": "De artigos que ajudam a redefinir sua impressora para solucionar problemas de seu telefone, em Techwalla, nós o ajudamos a desmistificar sua tecnologia problemas. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "," pai ": {" nome ":" Tecnologia Suporte "," slug ":" tech-support "}}," reviews ": {" name ":" Reviews "," slug ":" reviews "," title ":" Reviews "," type ":" subcategoria "," descrição ":" Na Techwalla, oferecemos produtos honestos recomendações, permitindo que você esteja mais informado sobre sua tecnologia, vida e compras decisões. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "," parent ": {" name ":" Tech Suporte "," slug ":" tech-support "}}," entertainment ": {" name ":" Entertainment "," slug ":" entertainment "," title ":" Entertainment "," type ":" category "," descrição ":" Das novidades em mídia social a artigos mensais que cobrem o melhor do que está sendo transmitido nas várias plataformas, temos você coberto. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "}," whats-streaming ": {" name ":" What's Streaming "," slug ":" whats-streaming "," title ": "O que é Streaming "," tipo ":" subcategoria "," descrição ":" Sofre de paralisia da análise quando se trata do que assistir hoje à noite? Na Techwalla, cobrimos artigos semanais e mensais sobre o que é streaming por plataforma. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "," parent ": {" name ":" Entertainment "," slug ":" entertainment "}}," social-media ": {" nome ":" Social Mídia "," slug ":" mídia social "," título ":" Mídia social "," tipo ":" subcategoria "," descrição ":" Quer saber as últimas novidades em mídia social? Temos tudo isso com atualizações sobre os aplicativos de bate-papo mais recentes para manter sua família conectada, plataformas sociais familiares e (1) "," arrow_background_color ":" # 2E2E30 "," image_url ":" "," image_altText ":" "," has_logo ": true," custom_logo_url ":" "," custom_logo_height ": 0," custom_logo_width ": 0, "header_text": "Inscreva-se em inspiração doméstica "," body_text ":" Como fazer e todos os mais recentes s; (s = document.currentScript || document.scripts [document.scripts.length-1]). parentNode.removeChild (s);} ()); </script> </body> <script type = "text / javascript "> window.reve = window.reve || {}; window.reve.cmd = window.reve.cmd || []; function loadReve () {const gptTargeting = window.lg.gptTargeting || {} gptTargeting.lg_uuid = window.lg.utils.getPublisherProvidedID () gptTargeting.experiment = window.lg.testpool window.reve.cmd.push (() => { window.reve.setState ('gptTargeting', gptTargeting); window.reve.setState ('permutiveTargeting', window.lg.permutiveTargeting); }) const reveScript = document.createElement ('script'); reveScript.src = ' https://reve.leafmedia.io/techwalla.js'; reveScript.defer = true document.head.appendChild (reveScript); } setTimeout (() => {loadReve ()}, 2500) </script> <script data-id = "lg-pagespeed" type = "text / javascript"> // instana (funções, t, a, n) {s [t] || (s [t] = a, n = s [a] = função () {nqpush (argumentos)}, nq = [], nv = 2, nl = 1 * nova data)}) (janela, "InstanaEumObject", "ineum"); ineum ('reportingUrl', ' https://eum-red-saas.instana.io'); ineum ('chave', window.lg.instanaApiKey); ineum ('trackSessions'); ineum ('ignoreUrls', [/(localhost|cm\d\d\d\d).*/]); let isAppLazyLoaded = false; // o valor será substituído na fundação const LAZY_LOAD_TIMER = 5000; const lazyLoadEvents = ['mousedown', 'scroll', 'touchstart']; função lazyLoadApp () {if (isAppLazyLoaded) {return; } isAppLazyLoaded = true; // não remover, a palavra-chave está sendo str.replaced na função de fundação insertAfter (el, referenceNode) {referenceNode.parentNode.insertBefore (el, referenceNode.nextSibling);} var lastScript = document.querySelector ('script [data-id = "lg-pagespeed"]'); [[]]. forEach (função (src) {var s = document.createElement ("script"); s.setAttribute ("async", true); s.src = src; insertAfter (s, lastScript); lastScript = s; }); if (window.location.search.indexOf ('vue = false') -1 && 1) { ['"/dist/manifest_2797b390f2f2298568a8.js','"/dist/vendors~app_2797b390f2f2298568a8.js','"/dist/app_2797b390f2f2298568a8.js'].forEach (função (src) {src = src.replace ('"', '') var s = document.createElement (" script "); s.setAttribute ("crossorigin", "anônimo"); s.setAttribute ("async", true); s.src = src; insertAfter (s, lastScript); lastScript = s; }); } lazyLoadEvents.forEach (event => {// 'mousedown', 'scroll', 'touchstart' window.removeEventListener (event, lazyLoadApp)})} lazyLoadEvents.forEach (event => {// 'mousedown', 'scroll', 'touchstart' window.addEventListener (event, lazyLoadApp)}) setTimeout (lazyLoadApp, LAZY_LOAD_TIMER); </script> <script> setTimeout (() => {const articleImageObserver = new IntersectionObserver ((entries) => {entries.forEach (entry => {const target = entry.target const srcset = target.getAttribute ('data-srcset') target.setAttribute ('srcset', srcset)})}, {rootMargin: "0px 0px 50% 0px", limite: 0}) const firstImage = document.querySelectorAll ('source [data-base64]') if (firstImage.length) {firstImage.forEach (element => articleImageObserver.observe (element)) } }, 500); </script> </html>