<head>
<title>My page title</title>
</head>
<script>
document.title = "My new title";
</script>
/*Title popup*/
<body>
<p title="Popup here">hover me!</p>
</body>
/*Tab title*/
<head>
<title>This is the tab title</title>
</head>
<title>Title to appear in the browsers tab of the page</title>
<html>
<head>
<title>This is title in HTML</title>
</head>
</html>
<head>
<title>This is the title of the Website</title>
</head>
In your <head> tag, add:
<title>My Epic Title Name</title>
<title>Website Title</title>
## DISPLAY TOOLTIP IF LINK IS HOVER
<a href="youtube link" title="My Youtube Channel">Youtube</a>
NOTE: CAN ALSO BE USED IN DIFFERENT HTML TAGS
<title>Grandma's Heavy Metal Festival Journal</title>
document.title = "My New Page Title";
<html>
<head>
</head>
<body>
<a href="google.com" title="Click to go to google page">
Hover to understand
</a>
</body>
<html>
/* title attribute */
/* you can use title attribute in: image, elements, or inputs etc. */
/* you can also use title attribute in a parent element then all of its childrens and grandChildren will inherit it. It called ancestor title attribute */
/* example below is a parent title attribute or ancestor */
<div title="CoolTip">
<p>Hovering here will show "CoolTip".</p>
<p title="">Hovering here will show nothing.</p> /* you can use title="" so that this children will be exempted from its parent with a title attribute */
</div>
<head>
<title>This is your webpage title</title>
</head>
<title>This is the title</title>