PDF download Download Article
A simple walkthrough for giving your HTML code a title
PDF download Download Article

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.

Things You Should Know

  • Create your HTML in a program like Atom, Brackets, TextEdit, or Notepad++.
  • Add the <title>Something</title> Title Tag to your code.
  • Change "Something" to the title you want and save the file.
Part 1
Part 1 of 3:

Creating the HTML Layout

PDF download Download Article
  1. 1
    Open a text editing program (or IDE) such as Atom, Brackets, or even TextEdit or Notepad++.
  2. Using the <html> tags, create a .html file with either tag on a new line. Make sure to close the tag with </html> .
    Advertisement
  3. Placing the <head> tags in between the <html> tags, define the head (metadata section) section. Make sure to close the tag with </head> .
  4. 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> .
    • 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.
  5. Advertisement
Part 2
Part 2 of 3:

Adding the Title Tag

PDF download Download Article
    • 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.
Part 3
Part 3 of 3:

Testing the Code

PDF download Download Article
  1. 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.
  2. 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.
  3. 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.
  4. 4
    Sit back and admire your work. You've just taken the first step to a fully functional website.
  5. Advertisement

Community Q&A

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

      Video

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Thanks for submitting a tip for review!

      About This Article

      Thanks to all authors for creating a page that has been read 71,703 times.

      Is this article up to date?

      Advertisement