Back to HTML Course

HTML

<div id="home">
  <h2 style="background-color:orangered">Home Page</h2>
</div>
<h2>Simple Link / External Link</h2>
<a href="https://www.google.com">Google</a>

<h2>Simple Link / Local Link</h2>
<a href="9_HTML_Table_Tag.html">Table Page</a> |
<a href="8_HTML_Image_Tag.html">Images Page</a>

<h2>HTML Link with Target</h2>
<a href="https://github.com/orugantipraveen" target="_blank">GitHub</a>

<h2>Image as a Link with Target</h2>
<a href="https://github.com/orugantipraveen" target="_blank">
  <img src="../../0_All/img/PraveenOruganti.jpg" width="200" height="100"
/></a>

<h2>Send an Email</h2>
<a
  href="mailto:praveenoruganti@gmail.com&Subject='Praveen Oruganti
Tech Training'"
  >Email Me</a
>

<h2>Make a Phone Call</h2>
<a href="tel:+919059341019">Call Me</a>

<h2>Download a File</h2>
<a href="../../0_All/img/PraveenOruganti.jpg" download="Sample">Download</a>

<h2>HTML Link with Bookmark</h2>
<a href="#home"> Go to Home</a>

CSS

html {
  scroll-behavior: smooth;
}

body {
  margin-bottom: 500px;
}

h2 {
  font-family: "Courier New", Courier, monospace;
}

You can check out the Demo.