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

Code Example 1

<footer>
<!-- Footer links -->
  <nav>
	<a href="some-url" target="_blank">Footer link</a> <!-- opens in new tab -->
	<a href="some-url">Footer link</a>
	<a href="some-url">Footer link</a>
  </nav>
<!-- Copyright footnote -->
  &copy; 2020 Some copyright message.
<!-- Contact link -->
  <address>
    Contact <a href="mailto:[email protected]">me</a>
  </address>
</footer>

Code Example 2

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
</style>
</head>
<body>

<h2>Fixed/Sticky Footer Example</h2>
<p>The footer is placed at the bottom of the page.</p>

<div class="footer">
  <p>Footer</p>
</div>

</body>
</html>

Learn ReactJs, React Native from akashmittal.com