myPage.html

<!DOCTYPE html>  
<html>       
    <head>
       <title>This is my page</title>
       <meta name="author" content="Mohamed" />
       <meta name="description" content="that page contains some infos" />
       <meta charset="utf-8">
    </head>
    <body>
        <!--Links-->
        <ul>
           <li><a href="#heading">Heading</a></li>
           <li><a href="#paragraphs">paragraphs</a></li>
           <li><a href="#image">image</a></li>

        </ul>
        <!--this is a comment-->
        <!--Headings-->
        <div id="heading">
	        <h1>This is a Title</h1>
	        <h2>This is a Title</h2>
	        <h3>This is a Title</h3>
	        <h4>This is a Title</h4>
	        <h5>This is a Title</h5>
	        <h6>This is a Title</h6>
        </div>

        <!--Paragraph-->
        <p id="paragraphs">
        this is a paragraphe that describe <br />the content of my web <br />
        <hr />
        <!--Text Properties-->
        <b>this is a bold text</b> <br />
        <u> this is an underlined text </u> <br />
        <i>this is a italic text </i>
        </p>

        <!--display images-->
        <img src="Capture.png" alt="this is a dotnet structure" id="image" />
        <br />
        <!--Lists-->
        This a list of Programing Books:
        <ol>
           <li>c# Programing </li>
           <li>Introduction To Python </li>
           <li>Java basic </li>
        </ol>
        <br />
        <p>This is a List of Animals:</p>
        <ul>
           <li>Lion </li>
           <li>Tiger </li>
           <li>Cat </li>
           <li>Horse </li>
        </ul>
        <!--Links-->
        <a href="https://www.google.com" target="_blank">Click Here to Go To Google</a>
    </body>
</html>      