The HTML page title is a crucial element that defines the title of a web page. It is specified within the <title> element, which is typically placed in the <head> section of an HTML document. The content inside the <title> element is what appears as the title of the web page on the browser tab or window title bar.
Here's an example of how you would use the
element in an HTML document:</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-lg-12">
<div class="cont-center-ads">
<a href="html-favicon.php" class="mt-3"><button style="float:left" data-bs-toggle="tooltip" title="Click for Previous." class="btnPrev btn btn-primary">Previous</button></a>
<a href="html-tables.php" class="mt-3"><button style="float:right" data-bs-toggle="tooltip" title="Click for Next." class="btnNext btn btn-primary">Next</button></a>
<h2 class="mt-5" style="color:black"></h2>
<div class="card mt-4">
<div class="code-box card-body pt-2" style="background:#ffdac8;">
<h3>Example</h3>
<pre data-bs-toggle="tooltip" title="Click to edit the code." class="code-example" contenteditable="true">
<span class="text-danger"><!DOCTYPE html></span>
<span class="text-danger"><html></span>
<span class="text-danger"><title></span>Your Website Title<span class="text-danger"><title></span>
<span class="text-danger"><body></span>
<!-- Your webpage content goes here -->
<span class="text-danger"></body></span>
<span class="text-danger"></html></span>
</pre>
You can click on above box to edit the code and run again.<br>
<button data-bs-toggle="tooltip" title="Click to copy code." class="btnCopyCode btn btn-primary">Copy Code</button>
<button data-bs-toggle="tooltip" title="Click to run code." class="btnRunCode btn btn-success">Run Code</button>
<hr>
<h4><b>Output</b></h4>
<div class="example-output">
</div>
</div>
<a href="html-favicon.php" class="mt-3"><button style="float:left" data-bs-toggle="tooltip" title="Click for Previous." class="btnPrev btn btn-primary"><< Previous</button></a>
<a href="html-tables.php" class="mt-3"><button style="float:right" data-bs-toggle="tooltip" title="Click for Next." class="btnNext btn btn-primary">Next >></button></a>
<div class="cont-bootom-ads"></div>
</div>
</div>
</div>
</section>
<h2 class="mt-5">HTML Title Tag</h2>
<div class="container mt-3">
<table class="table">
<thead>
<tr>
<th>Tag</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td style="background-color: #ffdac8;"><title></td>
<td style="background-color: #ffdac8;">Defines the title of the document</td>
</tr>
</tbody>
</table>
</div>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="copyright">
© Copyright <strong><span>CodeLines</span></strong>. All Rights Reserved
</div>
<div class="credits">
Powered by <a href="https://eshuzo.com/">eshuzo</a>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="../assets/vendor/apexcharts/apexcharts.min.js"></script>
<script src="../assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../assets/vendor/chart.js/chart.umd.js"></script>
<script src="../assets/vendor/echarts/echarts.min.js"></script>
<script src="../assets/vendor/quill/quill.min.js"></script>
<script src="../assets/vendor/simple-datatables/simple-datatables.js"></script>
<script src="../assets/vendor/tinymce/tinymce.min.js"></script>
<script src="../assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="../assets/js/main.js"></script>
</body>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-K01Z9RKSM2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-K01Z9RKSM2');
</script>
</html> 