Check out example codes for "html head tag". It will help you in understanding the concepts better.

Code Example 1

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Code Example 2

<html>
  <!--this is the head tag,typically define the document
 	title, character set, styles, scripts, and other meta 
	information-->
</html>

Code Example 3

<meta name="description" content="Free Web tutorials on HTML and CSS">

Code Example 4

<meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png">
<meta property="og:description" content="The Mozilla Developer Network (MDN) provides
information about Open Web technologies including HTML, CSS, and APIs for both Web sites
and HTML5 Apps. It also documents Mozilla products, like Firefox OS.">
<meta property="og:title" content="Mozilla Developer Network">

Code Example 5

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Code Example 6

<meta name="author" content="John Doe">

Learn ReactJs, React Native from akashmittal.com