How to Set a Title in HTML

Every web page needs a title. Why doesn't yours? One of the major tag pairs in HTML is the <title></title> tags; the title tag affects several functions of websites, from the default bookmark titles through to flashing words drawing your attention back to the site, even when in a different tab.

Part 1
Part 1 of 1:

Creating the HTML Layout
By using this service, some information may be shared with YouTube.

  1. 1
    Open a text editing program (or IDE) such as Atom, Brackets or even TextEdit or Notepad++.
  2. 2
    Create the <html> body. Using the <html> tags, create a .html file with either tags on a new line. Make sure to close the tag with </html>.
    Image titled Title tag html
    3. Advertisement
    3
  3. Add the <head> section. Placing the <head> tags in between the <html> tags, define the head (metadata section) section. Make sure to close the tag with </head>.
    Image titled Title tag head
  4. Add the <body> section. Below the closing </head> tag and above the closing </html> tag, add the <body> (content section) tags. Make sure to close the tag with </body>.
    Image titled Title tag content
    • Optionally, add some 'test' code in the body (or content) section to make sure that you've coded it correctly. If the content shows, it means that the code is parsing (loading). If not, it means that you may have made a typo, or some other thing that is not letting it load.

Adding the Title Tag

  1. Add a <title> tag in the head (metadata) section.
    Image titled Title tag title content
    • Make sure to close the tag with </title>. These two tags can be on the same line. In between the starting and closing title tags, write what you want your title to say.

Testing the Code

  1. Save your file to an easily accessible location. Name your file as something.html, replacing something with what you wish. Remember that the index.html file is the 'home' or 'landing' page of your website.
    Image titled Title tag save
  2. Open your page in your preferred browser. Browsers like Google Chrome, or Mozilla Firefox are good for front-end website development. Go ahead and open your .html file. You can use short keys like ⌘ Cmd+O or Ctrl+O to open the file in most browsers.
    Image titled Title tag open
  3. Look at the top of the tab for your title. If your desired title shows, the code has loaded and worked! If not, and it shows your filename instead (something.html), you may have made a mistake; check your code for typos then try again.
    Image titled Title tag view
  4. Sit back and admire your work. You've just taken the first step to a fully functional website.

 {{{1}}}

Community Q&A

  • Question
    How do I insert the first level heading?
    Shehriar Ahmad Awan
    Shehriar Ahmad Awan
    Community Answer
    You can do it using the H1 tag.
Advertisement

You Might Also Like

Create a Simple Web Page with HTML
How to
Create a Simple Web Page with HTML
Run a HTML File in Visual Studio Code
How to
Run a HTML File in Visual Studio Code
Change the Button Color in HTML
How to
Change the Button Color in HTML
Create an Email Link in HTML
How to
Create an Email Link in HTML
Insert Spaces in HTML
How to
Insert Spaces in HTML
Add a Link to a Picture4 Ways to Add a Link to a Picture
Insert Images with HTML
How to
Insert Images with HTML
Run a HTML File
How to
Run a HTML File
Write HTML Code
How to
Write HTML Code
Get the Hex Code of a Color on Your Computer Screen
How to
Get the Hex Code of a Color on Your Computer Screen
Set a Background Image in HTMLAdd a Background Image to a Website: Step-by-Step Tutorial
Add a Hyperlink with HTML
How to
Add a Hyperlink with HTML
Create a Calculator Using HTML
How to
Create a Calculator Using HTML
Change Text Color in HTMLHow to Change Text Color in HTML and CSS
Advertisement

About This Article

Tested by:
wikiHow Technology Team
wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. To create this article, volunteer authors worked to edit and improve it over time. This article has been viewed 56,584 times.
How helpful is this?
Co-authors: 3
Updated: April 30, 2018
Views: 56,584
Categories: HTML
Advertisement