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

Advertisement

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.

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-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="2" 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" reve-ad-refresh="false" class="component-ad-gpt ad slot ad-mobile "></div></div></div></div><div class="component-article-section-content ui-body 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-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" reve-ad-refresh="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 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-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-5" data-ad-path="/6117/dmd.techwalla.mw/slot1-5" data-ad-batch="2" data-ad-targeting="{"loc":"ad_5"}" 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" reve-ad-refresh="false" class="component-ad-gpt ad slot ad-mobile "></div></div></div></div><div class="component-article-section-heading article-section-content"><h2 id="doctype"> DOCTYPE </h2></div><div class="component-article-section-content ui-body 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" reve-ad-refresh="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-6" data-ad-path="/6117/dmd.techwalla.mw/slot1-6" data-ad-batch="2" data-ad-targeting="{"loc":"ad_6"}" 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" reve-ad-refresh="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" style="top:20px;"><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></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-sizes="[[300, 250]]"></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>You May Also Like</span></h4></div> <div class="related-content"><div id="articleWrapper0rcpItem0" class="related-content__item technically-for-parents"><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/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="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-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="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-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-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-pathmobile="/6117/dmd.techwalla.mw/brandmetrics1-1" data-ad-pathdesktop="/6117/dmd.techwalla/brandmetrics1-1" data-ad-batch="1" data-ad-type="gpt" data-ad-breakpoint="small,medium,large" data-ad-outofpage="true" 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> <script type="text/javascript"> window._reveConfig = { dfpData: {"lg_uuid":"","adcat1":"technology_computing","adcat2":"programming_languages","adcat3":"javascript","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["group5","configurabletemplate"],"article_id":"37505","pagetype":["article"],"subpagetype":"article","category":"tech_support","subcategory":"reviews","experiment":"default","art":"37505","ctype":"article","cat":"techsupport","scat":"reviews"}, permutiveData: {"page":{"adcat1":"technology_computing","adcat2":"programming_languages","adcat3":"javascript","adcat4":"","topic1":[],"topic2":[],"topic3":[],"tags":["group_5","configurabletemplate"],"content_name":"What Are the Two Main Parts of an HTML Document?","pagetype":"article","subpagetype":"article","published":"2011-08-29T13:03:00+00:00","updated":"2011-08-29T13:03:00+00:00","author":"Kristen Waters","scroll":0,"pageview_type":"standard","user":{"lg_uuid":"","user_id":"","logged_in":false}}} } </script></div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,$,aa,ab,ac,ad,ae,af,ag,ah,ai,aj,ak,al,am,an,ao,ap,aq,ar,as,at,au,av,aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG,aH,aI,aJ,aK,aL,aM,aN,aO,aP,aQ,aR,aS,aT,aU,aV,aW,aX,aY,aZ,a_,a$,ba,bb,bc,bd,be,bf,bg,bh,bi,bj,bk,bl,bm,bn,bo,bp,bq,br,bs,bt,bu,bv,bw,bx,by,bz,bA,bB,bC,bD,bE,bF,bG,bH,bI,bJ,bK,bL,bM,bN,bO,bP,bQ,bR,bS,bT,bU,bV,bW,bX,bY,bZ,b_,b$,ca,cb,cc,cd,ce,cf,cg,ch,ci,cj,ck,cl,cm,cn,co,cp,cq,cr,cs,ct){al.category={name:h,slug:i};al.subcategory={name:_,slug:am};al.body=[{parts:[{content:an}]},{parts:[{content:ao},{content:ap},{content:aq}],title:ar},{parts:[{content:as},{content:at}],title:au},{parts:[{content:av}],title:aw},{parts:[{content:ax}],title:ay}];al.content_origin="raw";al.description="brief";al.format=p;al.id=az;al.last_published=$;al.new_content=b;al.og_title=I;al.page_title=I;al.third_party_titles={article_subtitle:a};al.published_date=$;al.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"}];al.resources=[];al.slug=aa;al.studio_id="c3e12530-5681-40e5-89ca-09db1f984f65";al.summary=aA;al.tags=[aB,"configurabletemplate"];al.title=I;al.title_id=37505;al.type="Article";al.writer={_id:aC,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:aC};al.instant_published=c;al.subsubcategory={slug:a};al.last_updated=$;al.image_fields=[{appearsIn:[{url:az,title:I}]}];al.keywords=["HTML document sections","HTML body section","HTML head section"];al.topic={children:[]};al.ad_category=["technology_computing","programming_languages","javascript"];al.image={caption:a};al.advanced_bylines={};al.fact_checked=b;al.links=[];al.cache_tags=["techwalla|article","techwalla|format_article","techwalla|37505","techwalla|kristen_waters","techwalla|tech-support_reviews","techwalla|2011_7"];al.null=[];al.sections=[{type:l,content:an},{type:v,content:{loc:"ad_1",slot:w,slotNumber:d,sizes:[[q,j],[f,x],[f,m]]}},{type:g,content:{title:ar,formatted_title:a}},{type:l,content:ao},{type:"jwplayer",content:{advertisingTag:aD,indexExchangeId:aE,playerUrl:aF,playlistUrl:aG}},{type:l,content:ap},{type:v,content:{loc:"ad_2",slot:w,slotNumber:k,sizes:[[q,j],[f,x],[f,m]]}},{type:l,content:aq},{type:g,content:{title:au,formatted_title:a}},{type:l,content:as},{type:v,content:{loc:"ad_3",slot:w,slotNumber:aH,sizes:[[q,j],[f,x],[f,m]]}},{type:l,content:at},{type:v,content:{loc:"ad_4",slot:w,slotNumber:4,sizes:[[q,j],[f,x],[f,m]]}},{type:g,content:{title:aw,formatted_title:a}},{type:l,content:av},{type:v,content:{loc:"ad_5",slot:w,slotNumber:R,sizes:[[q,j],[f,x],[f,m]]}},{type:g,content:{title:ay,formatted_title:a}},{type:l,content:ax},{type:"ad-desktop-gpt",content:{loc:"inline_2",slot:J,slotNumber:k,sizes:[[ab,90],[q,j]]}},{type:v,content:{loc:"ad_6",slot:w,slotNumber:r,sizes:[[q,j],[f,x],[f,m]]}}];al.slideshow={article:{title:I,slug:aa,image:{caption:a},summary:aA},slides:[],currentIndex:n,totalSlides:n};al.images=[];al.related_content=aI;aI[0]={image:{alttext:S,url:"http:\u002F\u002Fs3.amazonaws.com\u002Fcme_public_images\u002Fwww_ehow_com\u002Fcdn-write.demandstudios.com\u002Fupload\u002F6000\u002F000\u002F70\u002F9\u002F176079.jpg"},id:aJ,writer:{_id:aK,display_name:"Techwalla Team",bio:a,writer_id:aK},title:"How to Center an Image Using HTML Programming",category:{name:h,slug:i},subcategory:{name:s,slug:y},slug:"\u002Farticles\u002Fhow-to-center-an-image-using-html-programming",item_type:z,_id:aJ,format:p,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:A,position:d};aI[1]={image:{alttext:S,url:"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F454119918ed44e66ad648517cf74d548.jpg"},id:aL,writer:{_id:aM,display_name:"Rachel Smith",bio:a,writer_id:aM},title:"How to Use JavaScript to Print a PDF",category:{name:h,slug:i},subcategory:{name:s,slug:y},slug:"\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf",item_type:z,_id:aL,format:p,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:A};aI[2]={image:{alttext:S,url:"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002F279f985204f74f2b8577540951ddbb74.jpg"},id:aN,writer:{_id:aO,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:aO},title:"How to Reduce the Spacing Between Lines in HTML",category:{name:h,slug:i},subcategory:{name:s,slug:y},slug:"\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html",item_type:z,_id:aN,format:p,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:A,position:aH};aI[3]={image:{alttext:"HTML web code",url:"http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F103\u002F148\u002F467341943.jpg"},id:aP,writer:{_id:aQ,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:aQ},title:"What Does HTML Stand for?",category:{name:K,slug:T},subcategory:{name:ac,slug:aR},slug:"\u002Farticles\u002Fwhat-does-html-stand-for",item_type:z,_id:aP,format:p,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:A};aI[4]={image:{alttext:"HTML language",url:"http:\u002F\u002Fphotos.demandstudios.com\u002Fgetty\u002Farticle\u002F225\u002F247\u002F493375755.jpg"},id:aS,writer:{_id:aT,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:aT},title:"How Do I Make Text Red in HTML?",category:{name:h,slug:i},subcategory:{name:s,slug:y},slug:"\u002Farticles\u002Fhow-do-i-make-text-red-in-html",item_type:z,_id:aS,format:p,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:A,position:R};aI[5]={image:{alttext:S,url:"https:\u002F\u002Fs3-us-west-1.amazonaws.com\u002Fcontentlab.studiod\u002Fgetty\u002Fcache.gettyimages.com\u002Fcb4a06cc6d344e62aa22a62a0208c25e.jpg"},id:aU,writer:{_id:aV,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:aV},title:"How to Type a Caret Symbol",category:{name:h,slug:i},subcategory:{name:s,slug:y},slug:"\u002Farticles\u002Fhow-to-type-a-caret-symbol",item_type:z,_id:aU,format:p,keywords:["type caret key","type caret symbol","insert caret symbol"],tags:[aB],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:A};aW[0]="contentLinkSectionMutation";aW[1]="dateLogicMutator";aW[2]="techwallaConfigurableArticleMutator";aY.adhesion={article:{interval:aZ,max:r,screens:k},modern_article:{interval:aZ,max:r,screens:k}};aY.adsense={channelIds:["6740340503","7763217525"],clientId:"pub-0316265116163263",slotId:"6915260661",style:"display:inline-block;min-width:320px;max-width:1200px;width:100%;height:450px"};aY.desktopAdLogic={article:{firstAdDistance:k,imageToCharacters:a_,lastAdDistance:a$,maxAds:R,midContentDistance:ba,newlineToCharacters:m},batchOne:{rightrail:[d,k]},modern_article:{firstAdDistance:k,imageToCharacters:a_,lastAdDistance:a$,maxAds:R,midContentDistance:ba,newlineToCharacters:m}};aY.GPT={adServer:"googletag",adUnitPathDesktop:"\u002F6117\u002Fdmd.techwalla\u002F",adUnitPathMobile:"\u002F6117\u002Fdmd.techwalla.mw\u002F",pubID:"3066",type:"aps"};aY.ias={id:928482};aY.isReve=c;aY.jwplayer={advertisingUrl:aD,embedPlayerUrl:"\u002F\u002Fcontent.jwplatform.com\u002Flibraries\u002FzYhBIJhr.js",indexExchangeId:aE,inlineAdSlotTakeOver:d,playerUrl:aF,playlistUrl:aG,prerollDurationLimit:25};aY.linkUnit={desktop:{clientId:bb,slotId:"4465103631",styles:"display: inline-block; width: 440px; height: 200px"},mobile:{clientId:bb,slotId:"9816821440",styles:"display: block; transition: none 0s ease 0s; outline: none; border: none; padding: 0px; border-spacing: 0px; height: 260px;",slotNumber:d}};aY.mobileAdLogic={article:{disableFirstAdLogic:c,firstAdDistance:d,imageToCharacters:U,lastAdDistance:j,maxAds:bc,midContentDistance:U,newlineToCharacters:bd},batchOne:[d,k],lazyloadSlots:c,modern_article:{disableFirstAdLogic:c,firstAdDistance:d,imageToCharacters:U,lastAdDistance:j,maxAds:bc,midContentDistance:U,newlineToCharacters:bd},runwaySlots:[d,k]};aY.reveSrc="https:\u002F\u002Freve.leafmedia.io\u002Ftechwalla.js";aY.taboola={url:"\u002F\u002Fcdn.taboola.com\u002Flibtrc\u002Fdemandmedia-techwalla\u002Floader.js"};be.compensationDisclaimerText="Techwalla may earn compensation through affiliate links in this story.";be.compensationDisclaimerTags=[];be.instantPublishedCheck=b;be.enableBase64FirstImage=b;be.enableInfiniteScrollDFP=c;be.tagsForReducedAds=["klaymedia"];be.modern_article={contributorBio:bf,expertReviewer:c,desktop:{headerHeight:bg,ads:{logic:J,show:{topBanner:c,topBannerInfiniteScroll:c,rr1:c,rr2:c,rr3:c,rr4:c,jwplayer:c,inline336:c,taboola:b,linkUnit:b}},contentWidth:ab,enableStickyHeader:c,imageTreatment:{enableShrunkImages:b,shrunkImagePortraitMaxWidth:bh,shrunkImageLandscapeMaxWidth:bi,onlyFirstFullWidth:b},modules:{code:c,rcp:c,rightrail:c,references:c,things_needed:c,tip:c,warnings:c},rcp:{count:r,isSticky:c,heading:bj,keys:[bk,g]},rightrail:bl},mobile:{ads:{logic:J,show:{adhesion:c,taboola:b,linkUnit:b},linkUnitSlotNumber:d},modules:{code:c,rcp:b,rightrail:b,references:c,things_needed:c,tip:c,warnings:c},rcp:{count:r}}};be.article={contributorBio:bf,expertReviewer:c,desktop:{headerHeight:bg,ads:{logic:J,show:{topBanner:c,topBannerInfiniteScroll:c,rr1:c,rr2:c,rr3:c,rr4:c,jwplayer:c,inline336:c,taboola:b,linkUnit:b}},contentWidth:ab,enableStickyHeader:c,imageTreatment:{enableShrunkImages:c,shrunkImagePortraitMaxWidth:bh,shrunkImageLandscapeMaxWidth:bi,onlyFirstFullWidth:b},modules:{code:b,rcp:c,rightrail:c,references:b,things_needed:b,tip:b,warnings:b},rcp:{count:r,isSticky:c,heading:bj,keys:[bk,g]},rightrail:bl},mobile:{ads:{logic:J,show:{adhesion:c,taboola:b,linkUnit:b},linkUnitSlotNumber:d},modules:{code:c,rcp:b,rightrail:b,references:b,things_needed:b,tip:b,warnings:b},rcp:{count:r}}};bm.enableWebpFormat=c;bn.id="GTM-KN4LVG";bo.upload=b;bo.bucket="techwalla_data";bp.name=bq;br.name="frontend-sdk";br.localDomain=bs;br.externalDomain=bs;br.token="token_from_login";bv.subscriptionListId={urbanOutfitters:[d]};bw.subscriptionListId=[474677];bx.google={clientId:"930294572630-2jg0cp068cg1vi6ebnbron6qkd5iqust.apps.googleusercontent.com"};bx.facebook={appId:by};bz.domain="https:\u002F\u002Fwww.techwalla.com";bz.label=bq;bz.logo={path:"\u002Fimages\u002Flogo.png",height:51,width:221};bz.meta={title:"Tech & Gadget Reviews, Metascores & Recommendations",description:"Tech made simple for your whole family.",info:[{property:"og:site_name",content:bA},{property:"fb:app_id",content:by},{property:"fb:pages",content:"1116406528374498"},{name:"twitter:site",content:"@techwalla"}]};bz.imageResizerUrl="https:\u002F\u002Fimg.techwallacdn.com\u002F";bz.name="Techwalla.com";bz.swigHost="www.techwalla.com";bz.swigProxy="http:\u002F\u002Ffrontend.techwalla-master:8080";bz.title=bA;bB.rootMargin="50% 0% 100% 0%";bE.articleGrid={articleCards:{profile:M}};bE.articleImageResizerProfiles={article:[["500px","630x"],["300px","375"]],card:{normal:[["1200px",M],["991px","320x320"],[o,"275x275"],[B,M]],"full-grid":[[o,"1235x752"],[B,"355x458"]],"half-grid":[[B,bF]]}};bE.card={profiles:{"half-grid":bF,article:M,image:bG,product:M,premium:bG},defaultImage:"\u002Fimages\u002Farticle-card-placeholder.jpg"};bE.images={premium:{parallax:[{resizeProfile:"715x",imgWidth:"715w",mediaQuery:o}],single:[{resizeProfile:"1440x",imgWidth:"1440w",mediaQuery:o}],slides:[{resizeProfile:"x650",imgWidth:a,mediaQuery:o}]}};bE.prc={single:{aspectRatio:{mobile:"100",desktop:"74.67"},imageProfiles:[[o,"150x112"],[B,"100x100"]],imageWidth:{mobile:"100px"}},double:{aspectRatio:{mobile:ad,desktop:"75.08"},imageProfiles:[[o,"305x229"],[B,ae]],imageWidth:{mobile:bH}},triple:{aspectRatio:{mobile:ad,desktop:ad},imageProfiles:[[o,ae],[B,ae]],imageWidth:{mobile:bH}}};bE.home={hero:{keysToShow:[C,g,bI]},articleGrid:{numArticles:24},articleCards:{keysToShow:[g,"writer"]}};bE.category={heroEnable:c,getCategoriesAction:"collections\u002FFETCH_ARTICLE_COLLECTION_BY_CATEGORY",showParentCategory:"heroToggle",articleGrid:{numArticles:bJ},articleCards:{keysToShow:[af,[g,e],ag]},pinterest:{showPinterest:c}};bE.subcategory={useSubcategoryAsHeading:c,articleGrid:{numArticles:bJ},articleCards:{keysToShow:[af,[g],ag]}};bE.hubs={banner:{title:{charLimit:35},subTitle:{charLimit:75}},articleCards:{keysToShow:[af,[g,bI],ag]}};bE.search={header:{optionsToShowResults:[bK,bL,"summary"],optionsToShowNoResults:[bK,bL,"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:c,showSearchButton:c}}};bM.contributors={profileUrl:"http:\u002F\u002Fstg.leaf.co\u002F#\u002Fprofile"};bN.shop={name:D,slug:V,title:D,type:C,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:W};bN["gift-guides"]={name:bO,slug:"gift-guides",title:bO,type:e,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:W,parent:{name:D,slug:V}};bN["tech-toys"]={name:bP,slug:"tech-toys",title:bP,type:e,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:W,parent:{name:D,slug:V}};bN["tech-on-a-budget"]={name:bQ,slug:"tech-on-a-budget",title:bQ,type:e,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:W,parent:{name:D,slug:V}};bN["smart-life"]={name:E,slug:N,title:E,type:C,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:O};bN.gadgets={name:bR,slug:"gadgets",title:bR,type:e,description:"Learn more about the coolest and newest tech gadgets with our honest recommendations and on-the-pulse tech coverage.",hero:O,parent:{name:E,slug:N}};bN["cool-apps"]={name:bS,slug:"cool-apps",title:bS,type:e,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:O,parent:{name:E,slug:N}};bN.travel={name:bT,slug:"travel",title:bT,type:e,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:O,parent:{name:E,slug:N}};bN.smartphones={name:bU,slug:"smartphones",title:bU,type:e,description:"We provide honest reviews and news on the latest smartphones, from iPhones, Androids, phones for kids and more.",hero:O,parent:{name:E,slug:N}};bN["technically-for-parents"]={name:K,slug:T,title:K,type:C,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:ah};bN.education={name:ac,slug:aR,title:ac,type:e,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:ah,parent:{name:K,slug:T}};bN["online-safety"]={name:bV,slug:"online-safety",title:bV,type:e,description:"At Techwalla, we provide you with the information needed to help keep your family safe in their tech, online and more.",hero:ah,parent:{name:K,slug:T}};bN["tech-support"]={name:h,slug:i,title:D,type:C,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:ai};bN["how-to"]={name:s,slug:y,title:s,type:e,description:"From articles that help you reset your printer to troubleshooting your phone, at Techwalla, we help you demystify your tech problems.",hero:ai,parent:{name:h,slug:i}};bN.reviews={name:_,slug:am,title:_,type:e,description:"At Techwalla, we provide honest product recommendations, allowing you to be the most informed about your tech, life and purchasing decisions.",hero:ai,parent:{name:h,slug:i}};bN.entertainment={name:X,slug:aj,title:X,type:C,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:ak};bN["whats-streaming"]={name:bW,slug:"whats-streaming",title:bW,type:e,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:ak,parent:{name:X,slug:aj}};bN["social-media"]={name:bX,slug:"social-media",title:bX,type:e,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:ak,parent:{name:X,slug:aj}};bY.sub_type="emailSignup";bY.data={colorTheme:{background_color:Y,heading_text_color:F,body_text_color:bZ,error_text_color:b_,button_background_color:F,button_text_color:Y,logo_style:b$,style:"light",arrow_color:ca,arrow_background_color:F},background_color:Y,heading_color:F,body_color:bZ,error_color:b_,button_background_color:F,button_text_color:Y,logo_style:b$,arrow_color:ca,arrow_background_color:F,image_url:a,image_altText:a,has_logo:c,custom_logo_url:a,custom_logo_height:n,custom_logo_width:n,heading_text:"Subscribe for home inspiration",body_text:"How-to's and all the latest news.",email_lists:[],button_text:a,button_url:a,data_connection_field:a,data_connection_options:[],partner:a,campaign:a,terms_conditions_url:a};bY.links={privacy_policy:"\u002Fprivacy-policy"};cb.sentinels=[{host:"media-twa-redis.lv7.leaf.io",port:26379}];cb.name="mymaster";cb.allowedQueryParams=["q, page"];cb.exclude=[/\/user/,/\/signin/,/\/signout/,/\/signup/,/\/forgot-password/,/\/reset-password/];cc.basePath="\u002F";cc.assetsPath="\u002F_nuxt\u002F";cc.cdnURL=L;return {layout:Q,data:[al],fetch:{},error:L,state:{statusCode:200,isActiveModal:b,showPage500:b,testPoolNumber:Q,helpers:{},userProfile:{content:{data:{},writtenArticle:{},reviewedArticle:{}}},user:{me:{id:a,name:a,email:a,hasPass:a,avatar:a,slug:a,token:a,phone:a,month:a,day:a,year:a,newsletter:b,favoritedArticles:b,favoritedArticleIds:b,tempFavoritedArticleId:b,tempArticleJustFavorited:a},them:{users:{}}},uploads:{status:{}},topics:{articles:[],meta:{}},subscriberManager:{should_show_popup:b,should_show_slider_capture:b},slideshow:{isVisible:b,slides:[],slideIndex:L,totalSlides:L,article:{},slideshowOpenPrompt:"unknown"},series:{series:[]},rcp:{},promotionalPopup:{sub_type:a,data:{background_color:a,heading_text_color:a,body_text_color:a,error_text_color:a,button_background_color:a,button_text_color:a,logo_style:a,style:a,arrow_color:a,arrow_background_color:a,is_popup_rendered:b,is_popup_populated:b,subscribed:b,heading_color:a,body_color:a,error_color:a,image_url:a,image_altText:a,has_logo:b,custom_logo_url:a,custom_logo_height:n,custom_logo_width:n,heading_text:a,body_text:a,email_lists:[],button_text:a,button_url:a,data_connection_field:a,data_connection_options:[],partner:a,campaign:a,terms_conditions_url:a}},promos:{showDefaultNewsletterCapture:L},products:{},predictiveSearch:{predictiveResults:{}},newsletter:{subscribed:b,error:a,showEmailCapture:b,popupData:{}},mobileTray:{tray_is_visible:b},imagesWithHotspots:{},hubs:{hubs:{}},home:{hero:{}},helper:{isMobile:b},gallery:{galleryHeadingStuck:b,activeMap:{}},forms:{forms:{},validator:{}},featureToggles:{},features:{articles:[],meta:{}},embeds:{},emailSlider:{sub_type:a,data:{background_color:a,button_background_color:a,button_hover_color:a,button_text:a,button_text_color:a,campaign:a,error_color:a,is_slider_populated:b,mail_lists:[],marketing_color:a,marketing_copy:a,partner:a,thank_you_copy:a,preset_image:a,background_type:a,subheading_copy:a,button_url:a}},contributorBioModal:{modal_is_visible:b},config:{mutators:aW,disableLoadGoogleCache:b,cssDelay:n,maxScriptDelay:aX,ads:aY,configurableArticle:be,article:bm,GTM:bn,s3:bo,fileStorage:bp,sdk:br,commerceApi:bt,instanaApiKey:bu,maropost:bv,iterable:bw,social:bx,site:bz,lazyLoaderSetting:bB,CCPAOneTrustLink:bC,CCPAConsumerPrivacyRequestForm:bD,components:bE,contentLab:bM,categories:bN,promotionalPopup:bY,redis:cb,testPoolNumber:Q,_app:cc},collections:{articles:{},meta:{},page:d,searchTerm:a},categoryLegacy:{articles:[],category:a,subCategory:a,subSubCategory:a,collectionMeta:{},family:[],breadcrumbs:[],page:d},category:{category:{},family:{}},auth:{isModal:b,modalIsVisible:b,activeForm:a,isValidResetToken:c,passwordResetToken:a,isCheckedNewsletterSignup:c,GTM:{prompt:a}},article:{articles:[al],articleFooterVisibility:b,infiniteScrollArticles:aI,hasFetchedDFP:b,hotspotPopoverSeeMoreDesc:b,slideshowArticles:[],series:[],loadingMap:{"-1_/articles/what-are-the-two-main-parts-of-an-html-document":c},_actions:{},fields:{},mutators:{}},ads:{},techwalla:{home:{hero:{},section_1:{displayName:a,results:[]},section_2:{displayName:a,results:[]},helpers:{}}},sapling:{home:{hero:{},articles:[],helpers:{}}},oiys:{home:{hero:{},articles:[],helpers:{}},category:{category:{},family:{}},ads:{},helpers:{categories:{},category:{},fireSponsorArticleImpression:{},newsletter:{},testpools:{}}},livestrong:{userProfile:{content:{data:{},writtenArticle:{},reviewedArticle:{}}},topicHubs:{section1:{displayName:a,results:[],macro:{}},section2:{displayName:a,results:[],macro:{}},section3:{displayName:a,results:[],macro:{}},section4:{displayName:a,results:[],macro:{}}},strongerWomen:{section1:{displayName:a,results:[],macro:{}},section2:{displayName:a,results:[],macro:{}},section3:{displayName:a,results:[],macro:{}}},screenSize:{showMobileNav:c},recipeSearch:{recipes:{},meta:{},page:d},recipes:{section1:{displayName:a,macro:{},results:[]},section2:{displayName:a,macro:{},results:[]}},newsletterForm:{hasSignedUp:b,hasErrors:b,message:{email:a,gender:a},source:a,showEmailCapture:b},macros:{helpers:{}},home:{section1:{displayName:a,results:[],macro:{}},section2:{displayName:a,results:[],macro:{}},section3:{displayName:a,results:[],macro:{}},section4:{displayName:a,results:[],macro:{}}},experts:{experts:[]},categoryDirectory:{categoryDirectory:[]},category:{type:a,taxonomy:{}},allTopics:{allTopics:[]}},hunker:{photos:{availableFilters:{topics:[{key:"Bathroom Decor & Design Ideas",name:"Bathroom Decor & Design",opened:b,subtopics:[{key:"Bathroom Accessories & Decor Ideas",name:"Accessories & Decor"},{key:"Bathroom Backsplash Ideas",name:cd},{key:"Bathroom Cabinet & Vanity Ideas",name:"Cabinet & Vanity"},{key:"Bathroom Color Ideas",name:t},{key:"Bathroom Countertop Ideas",name:ce},{key:"Bathroom Flooring Ideas",name:cf},{key:"Bathroom Lighting Ideas",name:u},{key:"Bathroom Plumbing Fixture Ideas",name:"Plumbing Fixture"},{key:"Bathroom Sink Ideas",name:"Sink"},{key:"Bathroom Storage & Organization Ideas",name:Z},{key:"Bathroom Style Ideas",name:G},{key:"Bathroom Tile Ideas",name:"Tile"},{key:"Bathroom Wall Ideas",name:"Wall"},{key:"Rental Bathroom Ideas",name:"Rental"},{key:"Shower & Bathtub Ideas",name:"Shower & Bathtub"},{key:"Small Bathroom Ideas",name:H},{key:"Toilet Ideas",name:"Toilet"}]},{key:"Bedroom Decor & Design Ideas",name:"Bedroom Decor & Design",opened:b,subtopics:[{key:"Bedroom Color Ideas",name:t},{key:"Bedroom Furniture & Decor Ideas",name:P},{key:"Bedroom Layout & Design Ideas",name:cg},{key:"Bedroom Lighting Ideas",name:u},{key:"Bedroom Storage & Organization Ideas",name:Z},{key:"Bedroom Style Ideas",name:G},{key:"Small Bedroom Ideas",name:H}]},{key:"Closet Ideas",name:"Closet",opened:b,subtopics:[{key:"Closet Storage & Organization Ideas",name:Z},{key:ch,name:ch}]},{key:"Color Ideas",name:t,opened:b,subtopics:[{key:ci,name:ci},{key:"Black Room Ideas",name:"Black Room"},{key:"Blue Room Ideas",name:"Blue Room"},{key:"Gray Room Ideas",name:"Gray Room"},{key:"Green Room Ideas",name:"Green Room"},{key:"Neutral Room Ideas",name:"Neutral Room"},{key:"Pink Room Ideas",name:"Pink Room"},{key:"White Room Ideas",name:"White Room"},{key:"Yellow Room Ideas",name:"Yellow Room"}]},{key:"Dining Room Decor & Design Ideas",name:"Dining Room Decor & Design",opened:b,subtopics:[{key:"Dining Room Color Ideas",name:t},{key:"Dining Room Furniture & Decor Ideas",name:P},{key:"Dining Room Lighting Ideas",name:u},{key:"Dining Room Storage Ideas",name:cj},{key:"Dining Room Style Ideas",name:G},{key:"Small Dining Room Ideas",name:H}]},{key:"Entryway & Mudroom Decor & Design Ideas",name:"Entryway & Mudroom Decor & Design",opened:b,subtopics:[]},{key:"Hallway Design & Decor Ideas",name:"Hallway Design & Decor",opened:b,subtopics:[]},{key:"Home Office Ideas",name:"Home Office",opened:b,subtopics:[{key:"Home Office Color Ideas",name:t},{key:"Home Office Furniture & Decor Ideas",name:P},{key:"Home Office Layout Ideas",name:"Layout"},{key:"Home Office Lighting Ideas",name:u},{key:"Home Office Organization Ideas",name:"Organization"},{key:"Home Office Style Ideas",name:G},{key:"Home Office Wall Decor Ideas",name:"Wall Decor"},{key:"Small Home Office Ideas",name:H}]},{key:ck,name:ck,opened:b,subtopics:[{key:cl,name:cl},{key:cm,name:cm},{key:cn,name:cn},{key:co,name:co},{key:cp,name:cp},{key:cq,name:cq},{key:cr,name:cr},{key:cs,name:cs},{key:ct,name:ct}]},{key:"Kids' Room Decor & Design Ideas",name:"Kids' Room Decor & Design",opened:b,subtopics:[{key:"Kids' Bathroom Ideas",name:"Bathroom"},{key:"Kids' Bedroom Style & Color Ideas",name:"Bedroom Style & Color"},{key:"Nursery Ideas",name:"Nursery"},{key:"Playroom Ideas",name:"Playroom"}]},{key:"Kitchen Decor & Design Ideas",name:"Kitchen Decor & Design",opened:b,subtopics:[{key:"Kitchen Appliance Ideas",name:"Appliance"},{key:"Kitchen Backsplash Ideas",name:cd},{key:"Kitchen Cabinet Ideas",name:"Cabinet"},{key:"Kitchen Color Ideas",name:t},{key:"Kitchen Countertop Ideas",name:ce},{key:"Kitchen Flooring Ideas",name:cf},{key:"Kitchen Island Ideas",name:"Island"},{key:"Kitchen Lighting Ideas",name:u},{key:"Kitchen Sink & Faucet Ideas",name:"Sink & Faucet"},{key:"Kitchen Storage & Organization Ideas",name:Z},{key:"Kitchen Style Ideas",name:G},{key:"Small Kitchen Ideas",name:H}]},{key:"Laundry Room Design & Decor Ideas",name:"Laundry Room Design & Decor",opened:b,subtopics:[]},{key:"Living Room Decor & Design Ideas",name:"Living Room Decor & Design",opened:b,subtopics:[{key:"Living Room Color Ideas",name:t},{key:"Living Room Furniture & Decor Ideas",name:P},{key:"Living Room Layout & Design Ideas",name:cg},{key:"Living Room Lighting Ideas",name:u},{key:"Living Room Storage Ideas",name:cj},{key:"Living Room Style Ideas",name:G},{key:"Small Living Room Ideas",name:H}]},{key:"Outdoor Design & Decor Ideas",name:"Outdoor Design & Decor",opened:b,subtopics:[{key:"Outdoor Entertaining Ideas",name:"Entertaining"},{key:"Outdoor Furniture & Decor Ideas",name:P},{key:"Outdoor Lighting Ideas",name:u},{key:"Patio Design & Layout Ideas",name:"Patio Design & Layout"}]},{key:"Staircase Ideas",name:"Staircase",opened:b,subtopics:[{key:"Stair Railing Ideas",name:"Railing"},{key:"Under Stairs Ideas",name:"Under Stairs"}]},{key:"Window Treatment Ideas",name:"Window Treatment",opened:b,subtopics:[]}]},filters:{topics:[],subtopics:[]},meta:{},page:d,photos:[]},home:{hero:{},section_1:{displayName:a,results:[]},section_in_focus:{displayName:a,results:[]},section_our_latest:{displayName:a,results:[]},section_rooms:{displayName:a,results:[]},section_series:{displayName:a,results:[]},section_styles:{displayName:a,results:[]},section_more_stories:{displayName:a,results:[]},helpers:{}},globalNav:{}},ehow:{subscriberManager:{should_show_popup:b,should_show_slider_capture:b},home:{hero:{},section_1:{displayName:a,macro:{},results:[]},helpers:{}},collections:{articles:{},meta:{},page:d},category:{category:{},family:{}}},cuteness:{popular:{pets:[],meta:{},topTen:{},metaDescription:a,rcp:[]},home:{hero:{},section_1:{displayName:a,results:[]},section_in_focus:{displayName:a,results:[]},section_more_stories:{displayName:a,results:[]},helpers:{}},"contest-freefood":{error:a,successfullySubmitted:b},ads:{}}},serverRendered:c,routePath:aa,config:{mutators:aW,disableLoadGoogleCache:b,cssDelay:n,maxScriptDelay:aX,ads:aY,configurableArticle:be,article:bm,GTM:bn,s3:bo,fileStorage:bp,sdk:br,commerceApi:bt,instanaApiKey:bu,maropost:bv,iterable:bw,social:bx,site:bz,lazyLoaderSetting:bB,CCPAOneTrustLink:bC,CCPAConsumerPrivacyRequestForm:bD,components:bE,contentLab:bM,categories:bN,promotionalPopup:bY,redis:cb,testPoolNumber:Q,_app:cc}}}("",false,true,1,"subcategory",320,"title","Tech Support","tech-support",250,2,"content",100,0,"768px","article",300,6,"How To","Color","Lighting","ad-mobile","slot",50,"how-to","normal","cme","320px","category","Shop","Smart Life","#2E2E30","Style","Small","What Are the Two Main Parts of an HTML Document?","inline","Technically for Parents",null,"400x400","smart-life","\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","Furniture & Decor","default",5,"...","technically-for-parents",400,"shop","\u002Fimages\u002FcategoriesHeros\u002Fshop.png","Entertainment","#FFFFFF","Storage & Organization","Reviews","2011-08-29T13:03:00+00:00","\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document",728,"Education","74.87","195x146","image","dfp","\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png","\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png","entertainment","\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png",{},"reviews","\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","\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","\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","\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","Structure of an HTML document","\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","\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","Head Contents","\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","Body Contents","\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","DOCTYPE","www.techwalla.com\u002Farticles\u002Fwhat-are-the-two-main-parts-of-an-html-document","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.","Group 5","www.demandstudios.com\u002Fcontributor\u002F8329c089-06a1-45d5-b803-b25f77fd955c","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&",247074,"\u002F\u002Fcontent.jwplatform.com\u002Flibraries\u002F6JC1YugI.js","\u002F\u002Fcdn.jwplayer.com\u002Fv2\u002Fplaylists\u002F09DuNs0X",3,Array(6),"www.techwalla.com\u002Farticles\u002Fhow-to-center-an-image-using-html-programming","www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab","www.techwalla.com\u002Farticles\u002Fhow-to-use-javascript-to-print-a-pdf","www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3","www.techwalla.com\u002Farticles\u002Fhow-to-reduce-the-spacing-between-lines-in-html","www.demandstudios.com\u002Fcontributor\u002Fa6dc4065-7b5e-4b19-b078-6de36019f1f3","www.techwalla.com\u002Farticles\u002Fwhat-does-html-stand-for","www.demandstudios.com\u002Fcontributor\u002Fd6c2d7f5-b977-4c08-a102-803bf09b68b5","education","www.techwalla.com\u002Farticles\u002Fhow-do-i-make-text-red-in-html","www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145","www.techwalla.com\u002Farticles\u002Fhow-to-type-a-caret-symbol","www.demandstudios.com\u002Fcontributor\u002Fb92a4e83-adcb-40b8-8602-ea523732bac8",Array(3),5000,{},22000,450,700,1500,"ca-pub-0316265116163263",10,110,{},"popup",130,"250","300","People are Reading","number","RRV2",{},{},{},{},"techwalla",{},"https:\u002F\u002Fapi.techwalla.com","https:\u002F\u002Fdevelop-api.stg.leafmedia.io","-2q6lR22TEKHFQk2kgDMtg",{},{},{},"1578283302422712",{},"Techwalla",{},"https:\u002F\u002Fprivacyportal.onetrust.com\u002Fwebform\u002F6ae80e28-005a-47b1-85b4-3c150c46e71a\u002Ff8b19723-dba8-40bc-9311-3fdf564de7b8","https:\u002F\u002Fprivacyportal-cdn.onetrust.com\u002Fdsarwebform\u002F6ae80e28-005a-47b1-85b4-3c150c46e71a\u002Fa3c68cac-d773-41f8-9ae3-320423eb4fb8.html",{},"800x380","290x535","195px","author",36,"heading","input",{},{},"Gift Guides","Tech Toys","Tech on a Budget","Gadgets","Cool Apps","Travel","Smartphones","Online Safety","What's Streaming","Social Media",{},"#404B51","#AA0A00","dark","opacity(1)",{},{},"Backsplash","Countertop","Flooring","Layout & Design","Types of Closets","Color Theory 101","Storage","Interior Design Styles","Art Deco","Bohemian (Boho)","Craftsman","Desert","Farmhouse","Hollywood Regency","Memphis Group","Midcentury Modern","Scandinavian"));</script><script src="/_nuxt/439ed98.js" defer></script><script src="/_nuxt/550543e.js" defer></script><script src="/_nuxt/7e3ed7b.js" defer></script><script src="/_nuxt/93b81ab.js" defer></script><script src="/_nuxt/d97a805.js" defer></script><script src="/_nuxt/7c083ce.js" defer></script><script src="/_nuxt/9cea839.js" defer></script><script src="/_nuxt/4bf789c.js" defer></script><script src="/_nuxt/e8da32a.js" defer></script><script vmid="lg-pagespeed" data-hid="lg-pagespeed" data-id="lg-pagespeed" type="text/javascript" data-body="true"> ((onceName) => { if (window._bedrock && window._bedrock[onceName]) { return } else if (!window._bedrock) { window._bedrock = {} } // 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).*/]); if (typeof isAppLazyLoaded === 'undefined') { var isAppLazyLoaded = false; var LAZY_LOAD_TIMER = 5; var lazyLoadEvents = ['mousedown', 'scroll', 'touchstart']; } // value will get replaced in fundation function lazyLoadApp () { if (isAppLazyLoaded) { return; } isAppLazyLoaded = true; // do not remove, keyword is getting str.replaced in fundation // <LAZY_LOAD_APP> 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); window._bedrock[onceName] = true })("lg-pagespeed") </script><script vmid="reve-script" data-hid="reve-script" type="text/javascript" data-body="true"> ((onceName) => { if (window._bedrock && window._bedrock[onceName]) { return } else if (!window._bedrock) { window._bedrock = {} } window.reve = window.reve || {}; window.reve.cmd = window.reve.cmd || []; let loaded = false const createUUID = () => { const pow = Math.pow(10, 10) const num1 = Math.floor(Math.random() * pow) const num2 = Math.floor(Math.random() * pow) return `${num1}.${num2}` } const getPublisherProvidedID = () => { // https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage const sessionKey = 'PublisherProvidedID' // if session exists keep using the same session let sessionId = window.sessionStorage.getItem(sessionKey) if (!sessionId) { sessionId = createUUID() // else create new uuid, set the session and return that value window.sessionStorage.setItem(sessionKey, sessionId) } return sessionId } function loadReve() { const appLoaded = document.querySelector('#app') if (!window.lg || !appLoaded) return const gptTargeting = typeof window._reveConfig === 'undefined' ? {} : (window._reveConfig.dfpData || {}) gptTargeting.lg_uuid = getPublisherProvidedID() gptTargeting.experiment = window.lg.testpool window.reve.cmd.push(() => { window.reve.setState('gptTargeting', gptTargeting); window.reve.setState('permutiveTargeting', window._reveConfig.permutiveData); }) if (loaded) return loaded = true const magniteEnabled = !!new URLSearchParams(window.location.search).get('magnite') || window.lg.testpool === '' const reveScript = document.createElement('script'); reveScript.src = (magniteEnabled && '') || 'https://reve.leafmedia.io/techwalla.js'; reveScript.defer = true; reveScript.setAttribute('vmid', 'reve-site-script'); reveScript.setAttribute('hid', 'reve-site-script'); document.head.appendChild(reveScript); } window.loadReve = loadReve; loadReve() window._bedrock[onceName] = true })("reve-script") </script> <!-- Generated on: 02:01:53 05/20/22 --> <!-- Version: 1.1.64 --> <!-- Branch: master --> <script>const Debug=o=>function(){const e=localStorage&&localStorage.debug&&"function"==typeof localStorage.debug.includes&&localStorage.debug.includes("bedrock");e&&console.log(o,...arguments)}</script> <script>const debug=Debug("bedrock:app.html");let unhealthy=new Set;const scriptsAllOK=e=>e.reduce((e,t)=>{const{value:n}=t,{ok:a,url:o}=n;return debug("url: "+o),a||(debug(o+" is not ok"),unhealthy.add(o.replace("?reload=1",""))),e&&a},!0),checkScriptsContent=async e=>{let t=!0;for(const n of e){const{value:e}=n,{url:a}=e;debug("url: "+a);const o=await e.text();debug("fileContents.length: "+o.length);const r=o.length>0;debug("hasContent: "+r),r||(debug(a+" has 0 content"),unhealthy.add(a.replace("?reload=1",""))),t=t&&r}return t};async function healthCheck(){const{document:e,location:t={}}=window,{pathname:n=""}=t;if(/^\/search/.test(n))return;const a=[...e.querySelectorAll("script")],o=[...e.querySelectorAll("link")],r=await Promise.allSettled(a.filter(e=>e.src.match(/\/_nuxt\//)).map(e=>fetch(new Request(e.src)))),l=await Promise.allSettled(o.filter(e=>e.href.match(/\/_nuxt\//)).map(e=>fetch(new Request(e.href))));await e.fonts.ready;if(window&&window.performance&&"function"==typeof window.performance.getEntriesByType){window.performance.getEntriesByType("resource").filter(e=>{const[t,n]=e.name.split("?");return t.match(/([a-z]+).techwalla.([a-z]+)\/_nuxt/)}).filter(e=>0===e.decodedBodySize).forEach(e=>{debug("Found this url with no content with perf api: "+e.name),unhealthy.add(e.name)})}const i=[...r,...l],s=scriptsAllOK(i),c=await checkScriptsContent(i),h=s&&c&&0===unhealthy.size;if(debug("isHealthy: "+h),!h){debug("Unhealthy urls: "+JSON.stringify(Array.from(unhealthy)));const e=`https://api.techwalla.com/heal/${encodeURIComponent("master")}/${encodeURIComponent(window.location.pathname)}`;for(debug("Healing: "+e),await fetch(new Request(e));unhealthy.size;){debug(`There are ${unhealthy.size} urls with issues:`),debug(JSON.stringify(Array.from(unhealthy),null,2)),await new Promise(e=>setTimeout(e,5e3));const e=await Promise.allSettled(Array.from(unhealthy).map(e=>fetch(new Request(e+"?reload=1")))),t=scriptsAllOK(e),n=await checkScriptsContent(e);if(t&&n){debug("All unhealthy urls have recovered.");const e=Array.from(unhealthy);unhealthy.clear(),debug("Unhealthy list is clear"),debug(await fetch(new Request("https://api.techwalla.com/heal/clear",{method:"POST",body:JSON.stringify({urls:e}),headers:{"content-type":"application/json"}}))),await new Promise(e=>setTimeout(e,5e3)),window.location.reload(!0)}}}}window.addEventListener("load",e=>{setTimeout(healthCheck,2e3)})</script> </body> </html>