The <head></head> tags can contain many different tags in it. Today I will talk about three of them: title, link, and meta.

The title tag contains the title of the page that is displayed in the top-most bar of the browser.
Example:

<title>Valid Coding</title>

It would be best to put clear words and keywords to do with your site in this tag. It is very helpful when it comes to search engine optimization, or SEO.

The link tag defines the relationship between two linked documents. The most commonly used attributes used in the tag are rel(relation), type, and href. It is mainly used to link an external cascading style sheet(CSS) to your web-page, but can also link other pages as well.
Example:

<link rel=”stylesheet” href=”style.css” type=”text/css” />
<link type=”text/javascript” href=”script.js” />

If you notice, the link tag is an empty element tag, and has no end tag. Therefore it must be self-closed with /> at the end.

The meta tag is used mainly for SEO. The <meta> tag provides information about your web-page, such as descriptions and keywords for search engines and refresh rates. There are many meta tags you can have in your head tag. You can have keywords for search engines, description of your web-page, the latest revision of your page, and use the tag to refresh your web-page at a set interval.
Example:

<meta name=”keywords” content=”XHTML, CSS, VALID, CODING, TUTORIALS” />
***Keywords used for search engines***
<meta name=”description” content=”Free Web tutorials on XHTML, CSS, VALID CODING” />
***Gives the description of the web-page***
<meta name=”revised” content=”Jordan Smith, 7/23/07″ />
***Shows when the web-page was last revised***
<meta http-equiv=”refresh” content=”10″ />
***Refreshes the web-page every 10 seconds***

The meta tag is also an empty element tag, and has no end tag. Therefore it must be self-closed with /> at the end.

All of these tags are exclusive head tags, and will only work in between <head></head>