HTML - Tag</span>
</nav>
<div class="al-detail-answer tutorial-content" id="mainContent">
<h1>HTML - <title> Tag</h1>
<hr>
<!-- TAGNAME: 728x90_Top -->
<div class="adp_top_ads" style="height:90px; overflow: hidden; display: block;width: 728px;">
<!-- TAGNAME: 728x90_Top -->
<div id='tutorialspointcom47470'>
</div>
</div>
<hr>
<div class="library-page-top-nav">
<div class="button button--neutral" id="btn_top_previous">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M1.03117 8.48836C0.64065 8.09783 0.64065 7.46467 1.03117 7.07414L7.39514 0.710183C7.78566 0.319658 8.41883 0.319658 8.80935 0.710183C9.19987 1.10071 9.19987 1.73387 8.80935 2.1244L3.15249 7.78125L8.80935 13.4381C9.19987 13.8286 9.19987 14.4618 8.80935 14.8523C8.41882 15.2428 7.78566 15.2428 7.39513 14.8523L1.03117 8.48836ZM3.12109 8.78125L1.73828 8.78125L1.73828 6.78125L3.12109 6.78125L3.12109 8.78125Z" fill="black" /></svg>
<a href="index.htm">
Previous
</a>
</div>
<div class="flex-group">
<a href="/html/quiz_on_html_title_tag.htm" target="_blank" title="Practice Quiz on HTML - <title> Tag"><span class="button button--neutral">Quiz</span></a>
<div class="button " id="btn_top_next">
<a href="index.htm">
Next
</a>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path
d="M8.87117 8.48836C9.26169 8.09783 9.26169 7.46467 8.87117 7.07414L2.50721 0.710183C2.11668 0.319658 1.48352 0.319658 1.09299 0.710183C0.70247 1.10071 0.70247 1.73387 1.09299 2.1244L6.74985 7.78125L1.093 13.4381C0.702471 13.8286 0.702471 14.4618 1.093 14.8523C1.48352 15.2428 2.11668 15.2428 2.50721 14.8523L8.87117 8.48836ZM6.78125 8.78125L8.16406 8.78125L8.16406 6.78125L6.78125 6.78125L6.78125 8.78125Z" fill="white" /></svg>
</div>
</div>
</div>
<div class="clearer"></div>
<p>HTML <b>title</b> tag is used to represent the webpage title that can be visible on the browser title bar, and we can also observe it on the search engine result page.</p>
<p>The <title> tag is defined inside of the <head> tag, and it should be text-only. It is visible in the browsers title bar or in the pages bar.</p>
<img src="/html/images/html-title-tag.jpg" alt="HTML title Tag">
<p>If we define the title of an HTML document, then it helps to relate the document, like the name of the organization or the name of the page.</p>
<h2>Syntax</h2>
<pre class="just-code notranslate language-html" data-lang="html">
<title> The title of the page will come here...
Attribute
HTML title tag supports Global Attributes of HTML
Try to click the icon 
run button to run the following HTML code to see the output.
Examples of HTML title Tag
Bellow examples will not show you the effect of title tag because we are running the code in online editor, so there will be no window bar. If you save that code locally and open it on any browser you cen see the title tag text on the browser window tab.
Using title tag to create tab title
In the following example, we are creating a simple HTML document that contains a title of the page.
this_is_title
Tips to Create Good Title
It is not necessary to follow all the points mentioned bellow to create good title. The first priority to create a title is that the keywords should be relatable to the content. If you open our landing page you can see on the browser tab "Online Tutorials, Courses, and eBooks Library | Tutorialspoint" as you have seen at the top of this post.
- Always choose meaningful and related keyowrds for the title that you are creating.
- Seacrh engines can display 50-60 characters so keep your in that length.
- Do not use list of keywords that does not make any sense.
Note: You can NOT have more than one element in an HTML document.</blockquote>
<h2>Supported Browsers</h2>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
<tr>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;">Tag</th>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;"><img src="/html/images/chrome.jpg" alt="Chrome"></th>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;"><img src="/html/images/edge.jpg" alt="Edge"></th>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;"><img src="/html/images/firefox.jpg" alt="Firefox"></th>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;"><img src="/html/images/safari.jpg" alt="Safari"></th>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;"><img src="/html/images/opera.jpg" alt="Opera"></th>
</tr>
<tr>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">title</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">Yes</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">Yes</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">Yes</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">Yes</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">Yes</td>
</tr>
</table>
<div class="parent-file">html_tags_reference.htm</div>
</div>
<div class="clear"></div>
<!-- Bottom Navigation -->
<div class="al-bottom-nav">
<button class="al-btn al-btn-print" id="print-page">
<i class="fa-sharp fa-light fa-print"></i> Print Page
</button>
<div style="display:flex;gap:8px;">
<a href="index.htm" class="al-btn al-btn-prev"><i class="fa-sharp fa-light fa-chevron-left"></i> Previous</a>
<a href="/html/quiz_on_html_title_tag.htm" target="_blank" title="Practice Quiz on HTML - <title> Tag" class="al-btn al-btn-prev">Quiz</a>
<a href="index.htm" class="al-btn al-btn-next">Next <i class="fa-sharp fa-light fa-chevron-right"></i></a>
</div>
</div>
<!-- Bottom Ads -->
<div class="bottom-library-ads" style="margin:16px auto 5px;text-align:center;">
<div class="google-bottom-ads" id="google-bottom-ads">
<div>Advertisements</div>
<div style="width:750px;height:300px;margin:0 auto;max-width:100%;"><div id='tutorialspointcom47468'></div></div>
</div>
</div>
</div><!-- /.al-detail-card -->
</div>
<!-- RIGHT PANEL: ADS -->
<div class="al-right-panel">
<div class="data-sticky" id="google-right-ads">
<div class="google-right-ad" style="margin:0px auto!important;margin-top:5px;min-height:280px!important"><div id='tutorialspointcom47465'></div></div>
<div class="google-right-ad" style="margin-top:16px;min-height:280px!important"><div id='tutorialspointcom47466'></div></div>
<div class="google-right-ad" style="margin-top:16px;min-height:280px!important"><div id='tutorialspointcom47467'></div></div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<ul class="footer__list container">
<li><a href="/about/index.htm">ABOUT US</a></li><li><a href="/about/about_team.htm">OUR TEAM</a></li><li><a href="/about/about_careers.htm">CAREERS</a></li><li><a href="/job_search.php">JOBS</a></li><li><a href="/about/contact_us.htm">CONTACT US</a></li><li><a href="/about/about_terms_of_use.htm">TERMS OF USE</a></li><li><a href="/about/about_privacy.htm">PRIVACY POLICY</a></li><li><a href="/about/return_refund_policy.htm">REFUND POLICY</a></li><li><a href="/about/about_cookies.htm">COOKIES POLICY</a></li><li><a href="/about/faq.htm">FAQ'S</a></li>
</ul>
<div class="footer__socials container">
<img class="footer__logo" src="https://www.tutorialspoint.com/static/images/logo-footer.svg" alt="tutorials point logo">
<div class="footer__social-icons">
<a rel="nofollow" target="_blank" href="https://www.facebook.com/tutorialspointindia"><i class="fa-brands fa-facebook-f"></i></a>
<a target="_blank" href="https://x.com/tutorialspoint" rel="nofollow"><i class="fa-brands fa-x-twitter"></i></a>
<a target="_blank" href="https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg" rel="nofollow"><i class="fa-brands fa-youtube"></i></a>
<a target="_blank" href="https://www.linkedin.com/company/tutorialspoint/" rel="nofollow"><i class="fa-brands fa-linkedin-in"></i></a>
<a target="_blank" href="https://www.instagram.com/tutorialspoint_/" rel="nofollow"><i class="fa-brands fa-instagram"></i></a>
</div>
<div class="footer__apps">
<a href="https://play.google.com/store/apps/details?id=com.tutorialspoint.onlineviewer" target="_blank" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/googleplay.svg" alt="Download Android App"></a>
<a href="https://itunes.apple.com/us/app/tutorials-point/id914891263?ls=1&mt=8" target="_blank" rel="nofollow"><img src="https://www.tutorialspoint.com/static/images/appstore.svg" alt="Download IOS App"></a>
</div>
</div>
<div class="footer__legal-wrapper">
<div class="footer__legal container">
<p>Tutorials Point is a leading Ed Tech company striving to provide the best learning material on technical and non-technical subjects.</p>
<p class="footer__copyright">Copyright 2026. All Rights Reserved.</p>
</div>
</div>
</footer>
<script>
/* Print page */
var printBtn = document.getElementById('print-page');
if (printBtn) { printBtn.addEventListener('click', function() { window.print(); }); }
/* Toggle FAQ chevron rotation */
document.querySelectorAll('.toggle label, .toggle button, .toggle__toggle').forEach(function(el) {
el.addEventListener('click', function() {
this.classList.toggle('open');
});
});
</script>
<script src="/static/js/new-lib-script.js?v-11"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EX9ZP4VY84"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-EX9ZP4VY84');</script>
<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init','854536859149047');fbq('track','PageView');</script>
</body>
</html>