When an html document is loaded, the browser needs information about the document. Since this information comes before the rest of the page, it goes into the head tags.
<head> </head>
Meta tags are used within the head tag to define information about the page for the browser and search engines. They do not require a closing tag. Most meta tags are not critical to display a page, except for charset. It has to do with text characters, and looks like this:
<head>
<meta
charset="UTF-8">
</head>
For more details about meta tags, see w3schools.com - meta
The title tags are inlcuded inside of the head tags, and used to define the text for the page's tab in the browser. Any text within these tags will be displayed on the tab of the page.
<head>
<title> </title>
</head>
<!DOCTYPE html>
<html>
<head>
<meta
charset="UTF-8">
<title>Title Goes Here</title>
</head>
</html>