What Are the Two Main Parts of an HTML Document?

Techwalla may earn compensation through affiliate links in this story.

The two main parts of an HTML document are the head and the body. Each section contains specific information. The head section contains information that is useful to the Web browser and search engines but is not visible to the reader. The body section contains the information that you want the visitor to see. The document is specifically formatted so that Web browsers are able to parse the information and present it to the visitor correctly.

Advertisement

Structure of an HTML document

An HTML document must be formatted correctly to be read by a Web browser. The following is a general outline of a typical HTML document:

Video of the Day

Information for Web browser and search engines Contents visible to reader

Both the tags and the tags are contained within the main tag. Both sections must be terminated with the "</>" characters for the document to be read.

Advertisement

Head Contents

The head section of the document contains the site's title, keywords for search engines, scripts and the location of a cascading style sheet that should be used in formatting the page. Typical HTML tags used in the head section include the , <link>, <style>, <meta> and <script> tags.</p> </div><div class="component-article-section-content ui-body article-section-content"><p>The <title> tag defines the title of the document. The <link> tag links an external resource, such as a CSS file, to the document. The <style> tag defines document styles. The <meta> tag is used to define the author, keywords and description of the document. The <script> tag defines a script that is to be run on the visitor's computer. If the head section is not placed in the document, the contents of the document are still displayed by the browser.</p> </div><div class="component-article-section-inline-ad"><div class="inline-ad inline-ad--mobile"><p class="inline-ad__label ui-label"> Advertisement </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-sizes="[[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-heading article-section-content"><h2 id="body-contents"> Body Contents </h2></div><div class="component-article-section-content ui-body article-section-content"><p>The body section is used to format the actual Web page. Most of the HTML tags, such as the paragraph tag (<p>), the anchor tag (<a>), the headings tags (<h1> to <h6>) and the section tag (<div>) are used in this section of the document. Server side scripts are also placed in this section of the document. If you do not have a body section in your HTML document, nothing is displayed in the Web browser.</p> </div><div class="component-article-section-heading article-section-content"><h2 id="doctype"> DOCTYPE </h2></div><div class="component-article-section-content ui-body article-section-content"><p>The only thing not included between the <html> tags is the DOCTYPE declaration. If used, it should be the first line in the HTML document. It is used to tell the Web browser what version of HTML the document is using. The browser uses this declaration to render the page correctly. The DOCTYPE declaration can be ommitted, but the browser may not present your page correctly.</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-sizes="[[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"> Advertisement </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-targeting="{"loc":"ad_4"}" data-ad-sizes="[[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-heading"><div class="citations-title ui-heading-2"> references </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 class="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 &lt;Meta&gt; 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 &lt;Body&gt; 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 &lt;!DOCTYPE&gt; Declaration </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> <aside class="right-rail rrv2 desktop-show mobile-hide"><div class="ad-one"><div class="disclaimer-ad-wrapper"><div class="component-compensation-disclaimer ui-label mobile-hide desktop-show"> Techwalla may earn compensation through affiliate links in this story. </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="large" data-ad-type="gpt" data-ad-refresh="true" data-ad-sizes="[[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="heading"><span>People are Reading</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 Center an Image Using HTML Programming" class="ui-body"><h5> How to Center an Image Using HTML Programming </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="How to Use JavaScript to Print a PDF" class="ui-body"><h5> How to Use JavaScript to Print a 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="How to Reduce the Spacing Between Lines in HTML" class="ui-body"><h5> How to Reduce the Spacing Between Lines in HTML </h5></a> <!----> <!----> <!----></div></div><div id="articleWrapper0rcpItem3" class="related-content__item technically-for-parents"><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="What Does HTML Stand for?" class="ui-body"><h5> What Does HTML Stand for? </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="How Do I Make Text Red in HTML?" class="ui-body"><h5> How Do I Make Text Red in 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="How to Type a Caret Symbol" class="ui-body"><h5> How to Type a Caret Symbol </h5></a> <!----> <!----> <!----></div></div></div></div> <div class="ad-two"><div class="ad btf"><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-sizes="[[300, 250]]"></div></div></div> <!----> <div class="ad-three-four-container"><!----> <!----></div></aside></div></div></div> <div data-ad-breakpoint="small" data-ad-logic="adhesion" data-ad-refresh="false" data-ad-batch="1" data-ad-targeting="{"loc":"adhesion"}" 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-sizes="[[1,2]]" data-ad-bidding="false" data-ad-breakpoint="small" 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,large" 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="1" data-ad-breakpoint="small,medium,large" 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-sizes="[[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-sizes="[[1,3]]" data-ad-bidding="true" data-ad-breakpoint="small,medium,large" 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":{"articles":[{"category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"Reviews","slug":"reviews"},"body":[{"parts":[{"content":"\u003Cp\u003EThe two main parts of an HTML document are the head and the body. Each section contains specific information. The head section contains information that is useful to the Web browser and search engines but is not visible to the reader. The body section contains the information that you want the visitor to see. The document is specifically formatted so that Web browsers are able to parse the information and present it to the visitor correctly.\u003C\u002Fp\u003E\n"}]},{"parts":[{"content":"\u003Cp\u003EAn HTML document must be formatted correctly to be read by a Web browser. The following is a general outline of a typical HTML document:\u003C\u002Fp\u003E\n"},{"content":"\u003C!DOCTYPE\u003E \u003Chtml\u003E \u003Chead\u003E Information for Web browser and search engines \u003C\u002Fhead\u003E \u003Cbody\u003E Contents visible to reader \u003C\u002Fbody\u003E \u003C\u002Fhtml\u003E"},{"content":"\u003Cp\u003EBoth the \u003Chead\u003E tags and the \u003Cbody\u003E tags are contained within the main \u003Chtml\u003E tag. Both sections must be terminated with the "<\u002F>" characters for the document to be read.\u003C\u002Fp\u003E\n"}],"title":"Structure of an HTML document"},{"parts":[{"content":"\u003Cp\u003EThe head section of the document contains the site's title, keywords for search engines, scripts and the location of a cascading style sheet that should be used in formatting the page. Typical HTML tags used in the head section include the \u003Ctitle\u003E, \u003Clink\u003E, \u003Cstyle\u003E, \u003Cmeta\u003E and \u003Cscript\u003E tags.\u003C\u002Fp\u003E\n"},{"content":"\u003Cp\u003EThe \u003Ctitle\u003E tag defines the title of the document. The \u003Clink\u003E tag links an external resource, such as a CSS file, to the document. The \u003Cstyle\u003E tag defines document styles. The \u003Cmeta\u003E tag is used to define the author, keywords and description of the document. The \u003Cscript\u003E tag defines a script that is to be run on the visitor's computer. If the head section is not placed in the document, the contents of the document are still displayed by the browser.\u003C\u002Fp\u003E\n"}],"title":"Head Contents"},{"parts":[{"content":"\u003Cp\u003EThe body section is used to format the actual Web page. Most of the HTML tags, such as the paragraph tag (\u003Cp\u003E), the anchor tag (\u003Ca\u003E), the headings tags (\u003Ch1\u003E to \u003Ch6\u003E) and the section tag (\u003Cdiv\u003E) are used in this section of the document. Server side scripts are also placed in this section of the document. If you do not have a body section in your HTML document, nothing is displayed in the Web browser.\u003C\u002Fp\u003E\n"}],"title":"Body Contents"},{"parts":[{"content":"\u003Cp\u003EThe only thing not included between the \u003Chtml\u003E tags is the DOCTYPE declaration. If used, it should be the first line in the HTML document. It is used to tell the Web browser what version of HTML the document is using. The browser uses this declaration to render the page correctly. The DOCTYPE declaration can be ommitted, but the browser may not present your page correctly.\u003C\u002Fp\u003E\n"}],"title":"DOCTYPE"}],"content_origin":"raw","description":"brief","format":"article","id":"www.techwalla.com\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","last_published":"2011-08-29T13:03:00+00:00","new_content":false,"og_title":"What Are the Two Main Parts of an HTML Document?","page_title":"What Are the Two Main Parts of an HTML Document?","published_date":"2011-08-29T13:03:00+00:00","references":[{"url":"http:\u002F\u002Fwww.w3schools.com\u002Fhtml\u002Fhtml_head.asp","title":"W3Schools.com: HTML Head Elements"},{"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> Declaration"}],"resources":[],"slug":"\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","studio_id":"c3e12530-5681-40e5-89ca-09db1f984f65","summary":"The two main parts of an HTML document are the head and the body. Each section contains specific information. The head section contains information that is useful to the Web browser and search engines but is not visible to the reader. The body section contains the information that you want the visitor to see.","tags":["Group 5","configurabletemplate"],"title":"What Are the Two Main Parts of an HTML Document?","title_id":37505,"type":"Article","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F8329c089-06a1-45d5-b803-b25f77fd955c","display_name":"Kristen Waters","bio":"Kristen Waters has been writing for the computer industry since 2004. She has written training materials for both large and small computer companies as well as how-to and informative articles for many online publications. She holds Bachelor of Science degrees from both York College of Pennsylvania and the University of Maryland.","first_name":"Kristen","last_name":"Waters","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F13\u002F4\u002F2de958e2-c3f0-42d2-b4fc-58e27797b0b0.Small.jpg","image":{},"writer_id":"www.demandstudios.com\u002Fcontributor\u002F8329c089-06a1-45d5-b803-b25f77fd955c"},"instant_published":true,"subsubcategory":{"slug":""},"last_updated":"2011-08-29T13:03:00+00:00","image_fields":[{"appearsIn":[{"url":"www.techwalla.com\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","title":"What Are the Two Main Parts of an HTML Document?"}]}],"keywords":["HTML document sections","HTML body section","HTML head section"],"topic":{"children":[]},"ad_category":["technology_computing","programming_languages","javascript"],"image":{"caption":""},"fact_checked":false,"links":[],"cache_tags":["techwalla|article","techwalla|format_article","techwalla|37505","techwalla|kristen_waters","techwalla|tech-support_reviews","techwalla|2011_7"],"null":[],"sections":[{"type":"content","content":"\u003Cp\u003EThe two main parts of an HTML document are the head and the body. Each section contains specific information. The head section contains information that is useful to the Web browser and search engines but is not visible to the reader. The body section contains the information that you want the visitor to see. The document is specifically formatted so that Web browsers are able to parse the information and present it to the visitor correctly.\u003C\u002Fp\u003E\n"},{"type":"ad-mobile","content":{"loc":"ad_1","slot":"slot","slotNumber":1,"sizes":[[300,250],[320,50],[320,100]]}},{"type":"title","content":{"title":"Structure of an HTML document","formatted_title":""}},{"type":"content","content":"\u003Cp\u003EAn HTML document must be formatted correctly to be read by a Web browser. The following is a general outline of a typical HTML document:\u003C\u002Fp\u003E\n"},{"type":"jwplayer","content":{"advertisingTag":"https:\u002F\u002Fpubads.g.doubleclick.net\u002Fgampad\u002Fads?sz=640x480&iu=\u002F6117\u002Ftechwalla.jw&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&","indexExchangeId":247074,"playerUrl":"\u002F\u002Fcontent.jwplatform.com\u002Flibraries\u002F6JC1YugI.js","playlistUrl":"\u002F\u002Fcdn.jwplayer.com\u002Fv2\u002Fplaylists\u002F09DuNs0X"}},{"type":"content","content":"\u003C!DOCTYPE\u003E \u003Chtml\u003E \u003Chead\u003E Information for Web browser and search engines \u003C\u002Fhead\u003E \u003Cbody\u003E Contents visible to reader \u003C\u002Fbody\u003E \u003C\u002Fhtml\u003E"},{"type":"content","content":"\u003Cp\u003EBoth the \u003Chead\u003E tags and the \u003Cbody\u003E tags are contained within the main \u003Chtml\u003E tag. Both sections must be terminated with the "<\u002F>" characters for the document to be read.\u003C\u002Fp\u003E\n"},{"type":"ad-mobile","content":{"loc":"ad_2","slot":"slot","slotNumber":2,"sizes":[[300,250],[320,50],[320,100]]}},{"type":"title","content":{"title":"Head Contents","formatted_title":""}},{"type":"content","content":"\u003Cp\u003EThe head section of the document contains the site's title, keywords for search engines, scripts and the location of a cascading style sheet that should be used in formatting the page. Typical HTML tags used in the head section include the \u003Ctitle\u003E, \u003Clink\u003E, \u003Cstyle\u003E, \u003Cmeta\u003E and \u003Cscript\u003E tags.\u003C\u002Fp\u003E\n"},{"type":"content","content":"\u003Cp\u003EThe \u003Ctitle\u003E tag defines the title of the document. The \u003Clink\u003E tag links an external resource, such as a CSS file, to the document. The \u003Cstyle\u003E tag defines document styles. The \u003Cmeta\u003E tag is used to define the author, keywords and description of the document. The \u003Cscript\u003E tag defines a script that is to be run on the visitor's computer. If the head section is not placed in the document, the contents of the document are still displayed by the browser.\u003C\u002Fp\u003E\n"},{"type":"ad-mobile","content":{"loc":"ad_3","slot":"slot","slotNumber":3,"sizes":[[300,250],[320,50],[320,100]]}},{"type":"title","content":{"title":"Body Contents","formatted_title":""}},{"type":"content","content":"\u003Cp\u003EThe body section is used to format the actual Web page. Most of the HTML tags, such as the paragraph tag (\u003Cp\u003E), the anchor tag (\u003Ca\u003E), the headings tags (\u003Ch1\u003E to \u003Ch6\u003E) and the section tag (\u003Cdiv\u003E) are used in this section of the document. Server side scripts are also placed in this section of the document. If you do not have a body section in your HTML document, nothing is displayed in the Web browser.\u003C\u002Fp\u003E\n"},{"type":"title","content":{"title":"DOCTYPE","formatted_title":""}},{"type":"content","content":"\u003Cp\u003EThe only thing not included between the \u003Chtml\u003E tags is the DOCTYPE declaration. If used, it should be the first line in the HTML document. It is used to tell the Web browser what version of HTML the document is using. The browser uses this declaration to render the page correctly. The DOCTYPE declaration can be ommitted, but the browser may not present your page correctly.\u003C\u002Fp\u003E\n"},{"type":"ad-desktop-gpt","content":{"loc":"inline_2","slot":"inline","slotNumber":2,"sizes":[[728,90],[300,250]]}},{"type":"ad-mobile","content":{"loc":"ad_4","slot":"slot","slotNumber":4,"sizes":[[300,250],[320,50],[320,100]]}}],"slideshow":{"article":{"title":"What Are the Two Main Parts of an HTML Document?","slug":"\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","image":{"caption":""},"summary":"The two main parts of an HTML document are the head and the body. Each section contains specific information. The head section contains information that is useful to the Web browser and search engines but is not visible to the reader. The body section contains the information that you want the visitor to see."},"slides":[],"currentIndex":0,"totalSlides":0},"images":[],"related_content":[{"image":{"alttext":"...","url":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fcdn-write.demandstudios.com\u002Fupload\u002F6000\u002F000\u002F70\u002F9\u002F176079.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-center-an-image-using-html-programming","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab","display_name":"Techwalla Team","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab"},"title":"How to Center an Image Using HTML Programming","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-center-an-image-using-html-programming","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-center-an-image-using-html-programming","format":"article","keywords":[],"tags":["Group 1"],"title_id":9321,"summary":"A Web page coder uses Hypertext Markup Language to tell the Web browser the functional purpose of each element on a page, such as a paragraph, heading or list.","source":"cme","position":1},{"image":{"alttext":"...","url":"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F454119918ed44e66ad648517cf74d548.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3","display_name":"Rachel Smith","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3"},"title":"How to Use JavaScript to Print a PDF","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf","format":"article","keywords":["Inline frames","Print PDF","Web development","Printing in JavaScript"],"tags":["Group 9"],"title_id":33574,"summary":"It is understandable that you may want to print a PDF file using code located directly within your web page. The alternative is to make your viewer download of the PDF file, open it and then print it from another program such as Adobe Acrobat.","source":"cme"},{"image":{"alttext":"...","url":"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F279f985204f74f2b8577540951ddbb74.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002Fa6dc4065-7b5e-4b19-b078-6de36019f1f3","display_name":"Richard Graham","bio":"Richard Graham has worked professionally as both an economist and educator since 2007. He also works as a consultant to small businesses and organizations focused on developing green technologies. Graham holds a Bachelor of Science in economics.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F6\u002F14\u002F96ca5dd7-09c1-4dcb-8e2a-5f7fa08b2469.Small.png","writer_id":"www.demandstudios.com\u002Fcontributor\u002Fa6dc4065-7b5e-4b19-b078-6de36019f1f3"},"title":"How to Reduce the Spacing Between Lines in HTML","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html","format":"article","keywords":["line spacing website","line spacing HTML","line height HTML"],"tags":["Group 7"],"title_id":25692,"summary":"Using HTML makes it easy to create basic web pages and to control various attributes of these pages, including font, text size, color and line spacing. Reducing the spacing between lines can be useful if you need to condense a web page or to reduce white space for aesthetic reasons.","source":"cme","position":3},{"image":{"alttext":"HTML web code","url":"http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F103\u002F148\u002F467341943.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fwhat-does-html-stand-for","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002Fd6c2d7f5-b977-4c08-a102-803bf09b68b5","display_name":"Jennifer Claerr","bio":"Jennifer Claerr is a web writer who has written for online sites such as Demand Studios, NBC5i.com, Texas.com and PC.com. She has a degree in art from the University of Texas at Arlington. She writes on a variety of topics, including holidays, health and fitness, travel, computers and art.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F0\u002F3\u002Fe072580c-9fa3-40e7-b36a-61d2e8493db4.Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002Fd6c2d7f5-b977-4c08-a102-803bf09b68b5"},"title":"What Does HTML Stand for?","category":{"name":"Technically for Parents","slug":"technically-for-parents"},"subcategory":{"name":"Education","slug":"education"},"slug":"\u002Farticles\u002Fwhat-does-html-stand-for","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fwhat-does-html-stand-for","format":"article","keywords":["html tag meaning","what is html","html explanation"],"tags":["Group 3"],"title_id":37685,"summary":"HTML stands for hypertext markup language, the language used to produce documents for the World Wide Web. Using tags and attributes, HTML tells Web browsers how to display the text, hyperlinks and images on a Web page, as well as how the page should respond when a user interacts with it.","source":"cme"},{"image":{"alttext":"HTML language","url":"http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F225\u002F247\u002F493375755.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-do-i-make-text-red-in-html","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145","display_name":"David Wayne","bio":"David Wayne has been writing since 2010, with technology columns appearing in several regional newspapers in Texas. Wayne graduated from the University of Houston in 2005, earning a Bachelor of Arts in communications.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F2\u002F2\u002F621115ba-d0bf-460a-b287-4e189298cd5d.Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145"},"title":"How Do I Make Text Red in HTML?","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-do-i-make-text-red-in-html","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-do-i-make-text-red-in-html","format":"article","keywords":["HTML 4.01 doctype","internal CSS HTML","HTML5 deprecated tags"],"tags":["Group 2"],"title_id":6420,"summary":"HTML uses a system of reserved keywords called tags that specify element attributes, such as font style, color and alignment. In HTML 4.01 and earlier versions, the <font> tag employs a color attribute that defines a single text block's color.","source":"cme","position":5},{"image":{"alttext":"...","url":"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002Fcb4a06cc6d344e62aa22a62a0208c25e.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-type-a-caret-symbol","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002Fb92a4e83-adcb-40b8-8602-ea523732bac8","display_name":"Chad Buleen","bio":"Chad Buleen is a Society of Professional Journalists-award-winning newspaper journalist and magazine editor with more than 10 years experience. He is a senior magazine editor at an international children's publication. Buleen holds a Bachelor of Arts in communications with an emphasis in print journalism from Brigham Young University-Idaho.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F4\u002F4\u002F046a7691-0173-426f-84ca-6b23c4a7a861.Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002Fb92a4e83-adcb-40b8-8602-ea523732bac8"},"title":"How to Type a Caret Symbol","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-type-a-caret-symbol","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-type-a-caret-symbol","format":"article","keywords":["type caret key","type caret symbol","insert caret symbol"],"tags":["Group 5"],"title_id":32081,"summary":"Editors in the publishing field use the caret symbol to indicate that there is a section on the page where something is missing. For example, if a word is misspelled because it lacks a needed letter, the editor can insert a caret with the needed letter just underneath it.","source":"cme"}]}],"articleFooterVisibility":false,"infiniteScrollArticles":[{"image":{"alttext":"...","url":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fcdn-write.demandstudios.com\u002Fupload\u002F6000\u002F000\u002F70\u002F9\u002F176079.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-center-an-image-using-html-programming","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab","display_name":"Techwalla Team","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab"},"title":"How to Center an Image Using HTML Programming","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-center-an-image-using-html-programming","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-center-an-image-using-html-programming","format":"article","keywords":[],"tags":["Group 1"],"title_id":9321,"summary":"A Web page coder uses Hypertext Markup Language to tell the Web browser the functional purpose of each element on a page, such as a paragraph, heading or list.","source":"cme","position":1},{"image":{"alttext":"...","url":"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F454119918ed44e66ad648517cf74d548.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3","display_name":"Rachel Smith","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3"},"title":"How to Use JavaScript to Print a PDF","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf","format":"article","keywords":["Inline frames","Print PDF","Web development","Printing in JavaScript"],"tags":["Group 9"],"title_id":33574,"summary":"It is understandable that you may want to print a PDF file using code located directly within your web page. The alternative is to make your viewer download of the PDF file, open it and then print it from another program such as Adobe Acrobat.","source":"cme"},{"image":{"alttext":"...","url":"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F279f985204f74f2b8577540951ddbb74.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002Fa6dc4065-7b5e-4b19-b078-6de36019f1f3","display_name":"Richard Graham","bio":"Richard Graham has worked professionally as both an economist and educator since 2007. He also works as a consultant to small businesses and organizations focused on developing green technologies. Graham holds a Bachelor of Science in economics.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F6\u002F14\u002F96ca5dd7-09c1-4dcb-8e2a-5f7fa08b2469.Small.png","writer_id":"www.demandstudios.com\u002Fcontributor\u002Fa6dc4065-7b5e-4b19-b078-6de36019f1f3"},"title":"How to Reduce the Spacing Between Lines in HTML","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html","format":"article","keywords":["line spacing website","line spacing HTML","line height HTML"],"tags":["Group 7"],"title_id":25692,"summary":"Using HTML makes it easy to create basic web pages and to control various attributes of these pages, including font, text size, color and line spacing. Reducing the spacing between lines can be useful if you need to condense a web page or to reduce white space for aesthetic reasons.","source":"cme","position":3},{"image":{"alttext":"HTML web code","url":"http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F103\u002F148\u002F467341943.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fwhat-does-html-stand-for","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002Fd6c2d7f5-b977-4c08-a102-803bf09b68b5","display_name":"Jennifer Claerr","bio":"Jennifer Claerr is a web writer who has written for online sites such as Demand Studios, NBC5i.com, Texas.com and PC.com. She has a degree in art from the University of Texas at Arlington. She writes on a variety of topics, including holidays, health and fitness, travel, computers and art.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F0\u002F3\u002Fe072580c-9fa3-40e7-b36a-61d2e8493db4.Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002Fd6c2d7f5-b977-4c08-a102-803bf09b68b5"},"title":"What Does HTML Stand for?","category":{"name":"Technically for Parents","slug":"technically-for-parents"},"subcategory":{"name":"Education","slug":"education"},"slug":"\u002Farticles\u002Fwhat-does-html-stand-for","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fwhat-does-html-stand-for","format":"article","keywords":["html tag meaning","what is html","html explanation"],"tags":["Group 3"],"title_id":37685,"summary":"HTML stands for hypertext markup language, the language used to produce documents for the World Wide Web. Using tags and attributes, HTML tells Web browsers how to display the text, hyperlinks and images on a Web page, as well as how the page should respond when a user interacts with it.","source":"cme"},{"image":{"alttext":"HTML language","url":"http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F225\u002F247\u002F493375755.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-do-i-make-text-red-in-html","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145","display_name":"David Wayne","bio":"David Wayne has been writing since 2010, with technology columns appearing in several regional newspapers in Texas. Wayne graduated from the University of Houston in 2005, earning a Bachelor of Arts in communications.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F2\u002F2\u002F621115ba-d0bf-460a-b287-4e189298cd5d.Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145"},"title":"How Do I Make Text Red in HTML?","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-do-i-make-text-red-in-html","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-do-i-make-text-red-in-html","format":"article","keywords":["HTML 4.01 doctype","internal CSS HTML","HTML5 deprecated tags"],"tags":["Group 2"],"title_id":6420,"summary":"HTML uses a system of reserved keywords called tags that specify element attributes, such as font style, color and alignment. In HTML 4.01 and earlier versions, the <font> tag employs a color attribute that defines a single text block's color.","source":"cme","position":5},{"image":{"alttext":"...","url":"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002Fcb4a06cc6d344e62aa22a62a0208c25e.jpg"},"id":"www.techwalla.com\u002Farticles\u002Fhow-to-type-a-caret-symbol","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002Fb92a4e83-adcb-40b8-8602-ea523732bac8","display_name":"Chad Buleen","bio":"Chad Buleen is a Society of Professional Journalists-award-winning newspaper journalist and magazine editor with more than 10 years experience. He is a senior magazine editor at an international children's publication. Buleen holds a Bachelor of Arts in communications with an emphasis in print journalism from Brigham Young University-Idaho.","avatar":"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_demandstudios_com\u002Fsitelife.studiod.com\u002Fver1.0\u002FContent\u002Fimages\u002Fstore\u002F4\u002F4\u002F046a7691-0173-426f-84ca-6b23c4a7a861.Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002Fb92a4e83-adcb-40b8-8602-ea523732bac8"},"title":"How to Type a Caret Symbol","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How To","slug":"how-to"},"slug":"\u002Farticles\u002Fhow-to-type-a-caret-symbol","item_type":"normal","_id":"www.techwalla.com\u002Farticles\u002Fhow-to-type-a-caret-symbol","format":"article","keywords":["type caret key","type caret symbol","insert caret symbol"],"tags":["Group 5"],"title_id":32081,"summary":"Editors in the publishing field use the caret symbol to indicate that there is a section on the page where something is missing. For example, if a word is misspelled because it lacks a needed letter, the editor can insert a caret with the needed letter just underneath it.","source":"cme"}],"hasFetchedDFP":false,"hotspotPopoverSeeMoreDesc":false,"slideshowArticles":[],"series":[]},"Category":{"category":{},"family":{}},"Collections":{"articles":{},"meta":{},"page":1},"features":{"articles":[],"meta":{}},"Helper":{"isMobile":false},"home":{"hero":{},"section1":{"displayName":"","results":[]},"section2":{"displayName":"","results":[]},"section3":{"displayName":"","results":[]},"section4":{"displayName":"","results":[]},"section5":{"displayName":"","results":[]},"section6":{"displayName":"","results":[]},"section7":{"displayName":"","results":[]},"section8":{"displayName":"","results":[]}},"Hubs":{"hubs":{}},"Newsletter":{"subscribed":false,"error":"","showEmailCapture":false,"popupData":{}},"promos":{"showDefaultNewsletterCapture":null},"slideshow":{"isVisible":false,"slideshow":{},"slideIndex":null,"totalSlides":null},"user":{"me":{"id":"","name":"","email":"","hasPass":"","avatar":"","slug":"","token":"","phone":"","month":"","day":"","year":"","newsletter":false,"favoritedArticles":false,"favoritedArticleIds":false,"tempFavoritedArticleId":false,"tempArticleJustFavorited":""},"them":{"users":{}}},"subscriberManager":{"should_show_popup":false,"should_show_slider_capture":false},"PromotionalPopup":{"sub_type":"","data":{"is_popup_rendered":false,"is_popup_populated":false,"subscribed":false,"background_color":"","heading_color":"","body_color":"","error_color":"","button_background_color":"","button_text_color":"","logo_style":"","image_url":"","image_altText":"","has_logo":false,"custom_logo_url":"","custom_logo_height":0,"custom_logo_width":0,"heading_text":"","body_text":"","email_lists":[],"button_text":"","button_url":"","data_connection_field":"","data_connection_options":[],"partner":"","campaign":"","arrow_color":"","arrow_background_color":"","terms_conditions_url":""}},"config":{"disableLoadGoogleCache":false,"cssDelay":0,"maxScriptDelay":5000,"ads":{"isReve":true,"adhesion":{"modern_article":{"interval":22000,"max":6,"screens":2},"article":{"interval":22000,"max":6,"screens":2}},"adsense":{"clientId":"pub-0316265116163263","slotId":"6915260661","channelIds":["6740340503","7763217525"],"style":"display:inline-block;min-width:320px;max-width:1200px;width:100%;height:450px"},"linkUnit":{"desktop":{"clientId":"ca-pub-0316265116163263","slotId":"4465103631","styles":"display: inline-block; width: 440px; height: 200px"},"mobile":{"clientId":"ca-pub-0316265116163263","slotId":"9816821440","styles":"display: block; transition: none 0s ease 0s; outline: none; border: none; padding: 0px; border-spacing: 0px; height: 260px;","slotNumber":1}},"GPT":{"type":"aps","pubID":"3066","adServer":"googletag","adUnitPathDesktop":"\u002F6117\u002Fdmd.techwalla\u002F","adUnitPathMobile":"\u002F6117\u002Fdmd.techwalla.mw\u002F"},"ias":{"id":928482},"desktopAdLogic":{"article":{"maxAds":5,"midContentDistance":1500,"firstAdDistance":2,"lastAdDistance":700,"imageToCharacters":450,"newlineToCharacters":100},"modern_article":{"maxAds":5,"midContentDistance":1500,"firstAdDistance":2,"lastAdDistance":700,"imageToCharacters":450,"newlineToCharacters":100},"batchOne":{"rightrail":[1,2]}},"mobileAdLogic":{"article":{"maxAds":10,"midContentDistance":700,"firstAdDistance":1,"lastAdDistance":250,"imageToCharacters":400,"newlineToCharacters":110},"modern_article":{"maxAds":10,"midContentDistance":700,"firstAdDistance":1,"lastAdDistance":250,"imageToCharacters":400,"newlineToCharacters":110},"batchOne":[2,3],"lazyloadSlots":true},"taboola":{"url":"\u002F\u002Fcdn.taboola.com\u002Flibtrc\u002Fdemandmedia-techwalla\u002Floader.js"},"jwplayer":{"advertisingUrl":"https:\u002F\u002Fpubads.g.doubleclick.net\u002Fgampad\u002Fads?sz=640x480&iu=\u002F6117\u002Ftechwalla.jw&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&","embedPlayerUrl":"\u002F\u002Fcontent.jwplatform.com\u002Flibraries\u002FzYhBIJhr.js","indexExchangeId":247074,"inlineAdSlotTakeOver":1,"playerUrl":"\u002F\u002Fcontent.jwplatform.com\u002Flibraries\u002F6JC1YugI.js","playlistUrl":"\u002F\u002Fcdn.jwplayer.com\u002Fv2\u002Fplaylists\u002F09DuNs0X","prerollDurationLimit":25,"isReve":true}},"configurableArticle":{"compensationDisclaimerText":"Techwalla may earn compensation through affiliate links in this story.","compensationDisclaimerTags":[],"instantPublishedCheck":false,"enableBase64FirstImage":false,"enableInfiniteScrollDFP":true,"modern_article":{"contributorLink":false,"desktop":{"accountForHeader":true,"headerHeight":130,"ads":{"logic":"inline","show":{"topBanner":true,"topBannerInfiniteScroll":true,"rr1":true,"rr2":true,"rr3":true,"rr4":true,"jwplayer":true,"inline336":true,"taboola":false,"linkUnit":false}},"contentWidth":728,"imageTreatment":{"enableShrunkImages":false,"shrunkImagePortraitMaxWidth":"250","shrunkImageLandscapeMaxWidth":"300","onlyFirstFullWidth":false},"modules":{"code":true,"rcp":true,"rightrail":true,"references":true,"things_needed":true,"tip":true,"warnings":true},"rcp":{"count":6,"isSticky":true,"heading":"People are Reading","keys":["number","title"]},"rightrail":"RRV2"},"mobile":{"ads":{"logic":"inline","show":{"adhesion":true,"taboola":false,"linkUnit":false},"linkUnitSlotNumber":1},"modules":{"code":true,"rcp":false,"rightrail":false,"references":true,"things_needed":true,"tip":true,"warnings":true},"rcp":{"count":6}}},"article":{"contributorLink":false,"desktop":{"accountForHeader":true,"headerHeight":130,"ads":{"logic":"inline","show":{"topBanner":true,"topBannerInfiniteScroll":true,"rr1":true,"rr2":true,"rr3":true,"rr4":true,"jwplayer":true,"inline336":true,"taboola":false,"linkUnit":false}},"contentWidth":728,"imageTreatment":{"enableShrunkImages":true,"shrunkImagePortraitMaxWidth":"250","shrunkImageLandscapeMaxWidth":"300","onlyFirstFullWidth":false},"modules":{"code":false,"rcp":true,"rightrail":true,"references":false,"things_needed":false,"tip":false,"warnings":false},"rcp":{"count":6,"isSticky":true,"heading":"People are Reading","keys":["number","title"]},"rightrail":"RRV2"},"mobile":{"ads":{"logic":"inline","show":{"adhesion":true,"taboola":false,"linkUnit":false},"linkUnitSlotNumber":1},"modules":{"code":true,"rcp":false,"rightrail":false,"references":false,"things_needed":false,"tip":false,"warnings":false},"rcp":{"count":6}}}},"article":{"enableWebpFormat":true},"GTM":{"id":"GTM-KN4LVG"},"s3":{"upload":false,"bucket":"techwalla_data"},"fileStorage":{"name":"techwalla"},"sdk":{"name":"frontend-sdk","localDomain":"https:\u002F\u002Fapi.techwalla.com","externalDomain":"https:\u002F\u002Fapi.techwalla.com","token":"token_from_login"},"commerceApi":"https:\u002F\u002Fdevelop-api.stg.leafmedia.io","instanaApiKey":"-2q6lR22TEKHFQk2kgDMtg","maropost":{"subscriptionListId":{"urbanOutfitters":[1]}},"iterable":{"subscriptionListId":[474677]},"social":{"google":{"clientId":"930294572630-2jg0cp068cg1vi6ebnbron6qkd5iqust.apps.googleusercontent.com"},"facebook":{"appId":"1578283302422712"}},"site":{"domain":"https:\u002F\u002Fwww.techwalla.com","label":"techwalla","logo":{"path":"\u002Fimages\u002Flogo.png","height":51,"width":221},"meta":{"title":"Tech & Gadget Reviews, Metascores & Recommendations","description":"Tech made simple for your whole family.","info":[{"property":"og:site_name","content":"Techwalla"},{"property":"fb:app_id","content":"1578283302422712"},{"property":"fb:pages","content":"1116406528374498"},{"name":"twitter:site","content":"@techwalla"}]},"imageResizerUrl":"https:\u002F\u002Fimg.techwallacdn.com\u002F","name":"Techwalla.com","swigHost":"www.techwalla.com","swigProxy":"http:\u002F\u002Ffrontend.techwalla-master:8080","title":"Techwalla"},"lazyLoaderSetting":{"rootMargin":"50% 0% 100% 0%"},"CCPAOneTrustLink":"https:\u002F\u002Fprivacyportal.onetrust.com\u002Fwebform\u002F6ae80e28-005a-47b1-85b4-3c150c46e71a\u002Ff8b19723-dba8-40bc-9311-3fdf564de7b8","CCPAConsumerPrivacyRequestForm":"https:\u002F\u002Fprivacyportal-cdn.onetrust.com\u002Fdsarwebform\u002F6ae80e28-005a-47b1-85b4-3c150c46e71a\u002Fa3c68cac-d773-41f8-9ae3-320423eb4fb8.html","components":{"articleGrid":{"articleCards":{"profile":"400x400"}},"articleImageResizerProfiles":{"article":[["500px","630x"],["300px","375"]],"card":{"normal":[["1200px","400x400"],["991px","320x320"],["768px","275x275"],["320px","400x400"]],"full-grid":[["768px","1235x752"],["320px","355x458"]],"half-grid":[["320px","800x380"]]}},"card":{"profiles":{"half-grid":"800x380","article":"400x400","image":"290x535","product":"400x400","premium":"290x535"},"defaultImage":"\u002Fimages\u002Farticle-card-placeholder.jpg"},"images":{"premium":{"parallax":[{"resizeProfile":"715x","imgWidth":"715w","mediaQuery":"768px"}],"single":[{"resizeProfile":"1440x","imgWidth":"1440w","mediaQuery":"768px"}],"slides":[{"resizeProfile":"x650","imgWidth":"","mediaQuery":"768px"}]}},"prc":{"single":{"aspectRatio":{"mobile":"100","desktop":"74.67"},"imageProfiles":[["768px","150x112"],["320px","100x100"]],"imageWidth":{"mobile":"100px"}},"double":{"aspectRatio":{"mobile":"74.87","desktop":"75.08"},"imageProfiles":[["768px","305x229"],["320px","195x146"]],"imageWidth":{"mobile":"195px"}},"triple":{"aspectRatio":{"mobile":"74.87","desktop":"74.87"},"imageProfiles":[["768px","195x146"],["320px","195x146"]],"imageWidth":{"mobile":"195px"}}},"home":{"hero":{"keysToShow":["category","title","author"]},"articleGrid":{"numArticles":24},"articleCards":{"keysToShow":["title","writer"]}},"category":{"articleGrid":{"numArticles":36},"articleCards":{"keysToShow":["image",["title","subcategory"],"dfp"]},"pinterest":{"showPinterest":true}},"subcategory":{"useSubcategoryAsHeading":true,"articleGrid":{"numArticles":36},"articleCards":{"keysToShow":["image",["title"],"dfp"]}},"search":{"header":{"optionsToShowResults":["heading","input","summary"],"optionsToShowNoResults":["heading","input","no-results-copy"],"options":{"headingValue":"Search","summaryTemplate":"-numResults- -results- for “\u003Cspan\u003E-searchTerm-\u003C\u002Fspan\u003E”","inputPlaceholderValue":"Type to Search","noResultsCopy":"Check out our latest articles:","showInputValue":true,"showSearchButton":true}}},"hubs":{"banner":{"title":{"charLimit":35},"subTitle":{"charLimit":75}},"articleCards":{"keysToShow":["image",["title","author"],"dfp"]}}},"contentLab":{"contributors":{"profileUrl":"http:\u002F\u002Fstg.leaf.co\u002F#\u002Fprofile"}},"categories":{"shop":{"name":"Shop","slug":"shop","title":"Shop","type":"category","description":"Want to know more on the latest tech gadget for kids or the best tech deal? Techwalla's got you covered with our honest product recs, sales coverage and more.","hero":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png"},"gift-guides":{"name":"Gift Guides","slug":"gift-guides","title":"Gift Guides","type":"subcategory","description":"Whether you are looking for the best tech gifts for your toddler or gifts for your smart-home fanatic, we've got you covered with expert gift guides.","hero":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"tech-toys":{"name":"Tech Toys","slug":"tech-toys","title":"Tech Toys","type":"subcategory","description":"Want a gift for your child that is both tech-savvy and educational? We've got you covered with articles on the best STEM and STEAM gifts for the children in your 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 on a Budget","type":"subcategory","description":"Want the latest iPhone but it's not in the budget? We've got you covered with the best tech deals that fit your budget and lifestyle.","hero":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"smart-life":{"name":"Smart Life","slug":"smart-life","title":"Smart Life","type":"category","description":"With the latest smart, family friendly gadget reviews, cool app recs, travel advice and more, Techwalla helps you live life a little smarter.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png"},"gadgets":{"name":"Gadgets","slug":"gadgets","title":"Gadgets","type":"subcategory","description":"Learn more about the coolest and newest tech gadgets with our honest recommendations and on-the-pulse tech coverage.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"cool-apps":{"name":"Cool Apps","slug":"cool-apps","title":"Cool Apps","type":"subcategory","description":"Whether you want more news on the coolest educational apps for your kids or an honest review on the best apps to help your productivity, we've got it all.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"travel":{"name":"Travel","slug":"travel","title":"Travel","type":"subcategory","description":"At Techwalla, we give you the honest take on the best travel tech, travel deals and tips to help make you and your family's lives (and travel) easier.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"smartphones":{"name":"Smartphones","slug":"smartphones","title":"Smartphones","type":"subcategory","description":"We provide honest reviews and news on the latest smartphones, from iPhones, Androids, phones for kids and more.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"technically-for-parents":{"name":"Technically for Parents","slug":"technically-for-parents","title":"Technically for Parents","type":"category","description":"From articles covering new tech education resources to online safety tips, we've got everything you need to know to be a tech-savvy parent.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png"},"education":{"name":"Education","slug":"education","title":"Education","type":"subcategory","description":"From reviews on educational apps to STEM and STEAM resources, we help you navigate the crowded world of educational tech and make informed decisions on your kids' education.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png","parent":{"name":"Technically for Parents","slug":"technically-for-parents"}},"online-safety":{"name":"Online Safety","slug":"online-safety","title":"Online Safety","type":"subcategory","description":"At Techwalla, we provide you with the information needed to help keep your family safe in their tech, online and more.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png","parent":{"name":"Technically for Parents","slug":"technically-for-parents"}},"tech-support":{"name":"Tech Support","slug":"tech-support","title":"Shop","type":"category","description":"Techwalla is your one-stop-shop for tech advice. From step-by-step how tos to reviews and more, we help keep you and your family connected and productive.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png"},"how-to":{"name":"How To","slug":"how-to","title":"How To","type":"subcategory","description":"From articles that help you reset your printer to troubleshooting your phone, at Techwalla, we help you demystify your tech problems.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png","parent":{"name":"Tech Support","slug":"tech-support"}},"reviews":{"name":"Reviews","slug":"reviews","title":"Reviews","type":"subcategory","description":"At Techwalla, we provide honest product recommendations, allowing you to be the most informed about your tech, life and purchasing decisions.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png","parent":{"name":"Tech Support","slug":"tech-support"}},"entertainment":{"name":"Entertainment","slug":"entertainment","title":"Entertainment","type":"category","description":"From what's new in social media to monthly articles covering the best of what's streaming on the various platforms, we have you covered.","hero":"\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png"},"whats-streaming":{"name":"What's Streaming","slug":"whats-streaming","title":"What's Streaming","type":"subcategory","description":"Suffer from analysis paralysis when it comes to what to watch tonight? At Techwalla, we've got you covered with weekly and monthly articles on what's streaming per platform.","hero":"\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png","parent":{"name":"Entertainment","slug":"entertainment"}},"social-media":{"name":"Social Media","slug":"social-media","title":"Social Media","type":"subcategory","description":"Want to know the latest in social media? We've got it all with updates on the latest chatting apps to keep your family connected, family friendly social platforms and more.","hero":"\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png","parent":{"name":"Entertainment","slug":"entertainment"}}},"promotionalPopup":{"sub_type":"emailSignup","data":{"background_color":"#FFFFFF","heading_color":"#2E2E30","body_color":"#404B51","error_color":"#AA0A00","button_background_color":"#2E2E30","button_text_color":"#FFFFFF","logo_style":"dark","arrow_color":"opacity(1)","arrow_background_color":"#2E2E30","image_url":"","image_altText":"","has_logo":true,"custom_logo_url":"","custom_logo_height":0,"custom_logo_width":0,"heading_text":"Subscribe for home inspiration","body_text":"How-to's and all the latest news.","email_lists":[],"button_text":"","button_url":"","data_connection_field":"","data_connection_options":[],"partner":"","campaign":"","terms_conditions_url":""},"links":{"privacy_policy":"\u002Fprivacy-policy"}}},"route":{"name":"article","path":"\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","hash":"","query":{},"params":{"pathMatch":"articles","articleSlug":"what-are-the-two-main-parts-of-an-html-document"},"fullPath":"\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","meta":{},"from":{"name":null,"path":"\u002F","hash":"","query":{},"params":{},"fullPath":"\u002F","meta":{}}},"post":{},"reload":1,"cookies":{},"isMobile":false,"testPoolNumber":null};(function(){var 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 (function(s,t,a,n){s[t]||(s[t]=a,n=s[a]=function(){n.q.push(arguments)}, n.q=[],n.v=2,n.l=1*new Date)})(window,"InstanaEumObject","ineum"); ineum('reportingUrl', 'https://eum-red-saas.instana.io'); ineum('key', window.lg.instanaApiKey); ineum('trackSessions'); ineum('ignoreUrls', [/(localhost|cm\d\d\d\d).*/]); let isAppLazyLoaded = false; // value will get replaced in fundation const LAZY_LOAD_TIMER = 5000; const lazyLoadEvents = ['mousedown', 'scroll', 'touchstart']; function lazyLoadApp () { if (isAppLazyLoaded) { return; } isAppLazyLoaded = true; // do not remove, keyword is getting str.replaced in fundation function insertAfter(el, referenceNode) {referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);} var lastScript = document.querySelector('script[data-id="lg-pagespeed"]'); [[]].forEach(function(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_f2f3a0142ae3ed57bc90.js','"/dist/vendors~app_f2f3a0142ae3ed57bc90.js','"/dist/app_f2f3a0142ae3ed57bc90.js'].forEach(function(src){ src=src.replace('"', '') var s = document.createElement("script"); s.setAttribute("crossorigin", "anonymous"); 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",threshold:0}) const firstImage = document.querySelectorAll('source[data-base64]') if (firstImage.length) { firstImage.forEach(element => articleImageObserver.observe(element)) } }, 500); </script> </html>