tag isn't showing up on the web page</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2013-03-26T06:23:08.530" class="fromnow">Mar 26 '13 at 06:23</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2019-06-05T16:56:21.053" datetime="2019-06-05T16:56:21.053">Jun 05 '19 at 16:56</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 32,879 times"> <span class="fc-light mr2">Viewed</span> 3.3k times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="15630645" data-ownerid="" data-score="7"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="15630645"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="7">7</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value="0">0</div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>I was watching tutorials about html for beginners and tried to make a simple html file. when I open this on google chrome the body "hello" is showing up but the title part "first page" doesn't. Did I type something wrong? thanks in advance for your response. </p> <p>//I apologies for those of you who already answered this. I now see that I have made a mistake on explaining my problem. I meant to show it as a header not title. I already got the answer from the given answers//</p> <pre><code><html> <head> <title> first page </title> </head> <body> hello </body> </html> </code></pre></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/tags" class="post-tag js-gps-track" title="show questions tagged 'tags'" rel="tag">tags</a> <a href="../../questions/tagged/title" class="post-tag js-gps-track" title="show questions tagged 'title'" rel="tag">title</a> <a href="../../questions/tagged/head" class="post-tag js-gps-track" title="show questions tagged 'head'" rel="tag">head</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2013-03-26T06:40:52.670" class="relativetime">Mar 26 '13 at 06:40</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name"></span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-carddeleted"> <time class="s-user-card--time" datetime="asked Mar 26 '13 at 06:23">asked Mar 26 '13 at 06:23</time> <div class="s-avatar s-avatar32 s-user-card--avatar"> </div> <div class="s-user-card--info"></div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-15630645" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="15630645" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-22174820" class="comment js-comment " data-comment-id="22174820" data-comment-owner-id="269970" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment22174820_15630645"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">You might be looking for the `h1` tag</span> – <a href="../../users/269970/esqew" title="42,425 reputation" class="comment-user ">esqew</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/15630645/title-tag-isn-t-showing-up-on-the-web-page#comment22174820_15630645"><span title="2013-03-26T06:25:35.950 License: CC BY-SA 3.0" class="relativetime-clean">Mar 26 '13 at 06:25</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">4 Answers<span style="display:none;" itemprop="answerCount">4</span></h2> </div> </div> </div> <a name="15630714"></a> <div id="answer-15630714" class="answer accepted-answer" data-answerid="15630714" data-ownerid="1030104" data-score="7" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="15630714"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="7">7</div> <div class="js-accepted-answer-indicator grid--cell fc-green-500 py6 mtn8"><div class="ta-center"><svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8z"></path></svg></div></div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Where do you expect title to be shown?</p> <p>Title is what usually is displayed in the tab bar of your browser, or as text in your window switcher in your operating system. It does not show up inside your webpage.</p> <p>Your markup seems to be correct, just look for the title in the browser window.</p> <p>If you meant to make a title (in the meaning of a large text displaying in your website) one way of doing this is to, below your body-tag, write </p> <pre><code><h1>Title here</h1>. </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Mar 26 '13 at 06:27">answered Mar 26 '13 at 06:27</time> <a href="../../users/1030104/igr" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1030104.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="igr" /> </a> <div class="s-user-card--info"> <a href="../../users/1030104/igr" class="s-user-card--link">igr</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">4,529</li> <li class="s-award-bling s-award-blinggold" title="2 gold badges">2</li> <li class="s-award-bling s-award-blingsilver" title="15 silver badges">15</li> <li class="s-award-bling s-award-bling__bronze" title="20 bronze badges">20</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-15630714" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="15630714" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-22174978" class="comment js-comment " data-comment-id="22174978" data-comment-owner-id="" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment22174978_15630714"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Thank you now I see it, I should've looked there first thanks again.</span> – <a class="comment-user owner"></a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/15630645/title-tag-isn-t-showing-up-on-the-web-page#comment22174978_15630714"><span title="2013-03-26T06:32:24.900 License: CC BY-SA 3.0" class="relativetime-clean">Mar 26 '13 at 06:32</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="15630666"></a> <div id="answer-15630666" class="answer " data-answerid="15630666" data-ownerid="188331" data-score="5" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="15630666"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="5">5</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p><code><title></code> is not showing in web page; it is shown in <strong>Tab / Window's title</strong>. </p> <p>Suggested to learn the basic HTML structure first.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Mar 26 '13 at 06:24">answered Mar 26 '13 at 06:24</time> <a href="../../users/188331/raptor" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/188331.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Raptor" /> </a> <div class="s-user-card--info"> <a href="../../users/188331/raptor" class="s-user-card--link">Raptor</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">53,206</li> <li class="s-award-bling s-award-blinggold" title="45 gold badges">45</li> <li class="s-award-bling s-award-blingsilver" title="230 silver badges">230</li> <li class="s-award-bling s-award-blingbronze" title="366 bronze badges">366</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="15630687"></a> <div id="answer-15630687" class="answer " data-answerid="15630687" data-ownerid="2077827" data-score="1" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="15630687"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="1">1</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>i think you want a header</p> <pre><code><html> <head> <title>my page </title> </head> <body> <h1> first page </h1> hello </body> </html> </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Mar 26 '13 at 06:25">answered Mar 26 '13 at 06:25</time> <a href="../../users/2077827/btevfik" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2077827.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="btevfik" /> </a> <div class="s-user-card--info"> <a href="../../users/2077827/btevfik" class="s-user-card--link">btevfik</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">3,391</li> <li class="s-award-bling s-award-blinggold" title="3 gold badges">3</li> <li class="s-award-bling s-award-blingsilver" title="27 silver badges">27</li> <li class="s-award-bling s-award-blingbronze" title="39 bronze badges">39</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="56464913"></a> <div id="answer-56464913" class="answer " data-answerid="56464913" data-ownerid="9367383" data-score="0" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="56464913"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>I learned that the title is the meta tag (the SEO bits), and the H1 is what shows up on the page. So if you'd like both to be the same, example: Things I've Learned is the title and the header of your website, you'd repeat the line.</p> <pre><code><html> <head> <title>Things I've Learned</title> </head> <body> <h1>Things I've Learned</h1> <p>These are the things</p> </body> </html> </code></pre> <p>VIA QUORA: "The key difference between these tags is where their content appears. That difference impacts how search engines and web surfers analyze your page. Title Tag: The Title Tag is known as a meta tag. ... Because it displays the largest text, the H1 Header tag is often used to create a title at the top of the page."</p> <p>More on how to optimize titles for search engines <a class="external-link" href="https://www.v9digital.com/blog/2015/01/08/h1-headers-title-tags-seo/" rel="nofollow noreferrer">here</a>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jun 05 '19 at 16:56">answered Jun 05 '19 at 16:56</time> <a href="../../users/9367383/em-hollis" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/9367383.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Em Hollis" /> </a> <div class="s-user-card--info"> <a href="../../users/9367383/em-hollis" class="s-user-card--link">Em Hollis</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> </div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module sidebar-linked"> <h4 id="h-linked">Linked</h4> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a> <a href="../../questions/76962742/django-master-template-doesn-t-display-title-block" class="question-hyperlink">Django master template doesn't display title block</a> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>