page1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page_2</title>
    <link rel="stylesheet" href="style.css">
</head>
<body style="background-color: aliceblue;">
    <h1>This is page 2</h1>
    <p>This i <b>normal</b> text</p>
    <p>This is <i>italic</i> text</p>
    <P>This is <big>big</big> text</P>
    <p>This is <ins>inserted</ins> text</p>
    <p>This is <del>Normal</del> text</p>
    
    <!--unordered List-->
    <h4>Unordered List</h4>
     <ul>
        <li>Pizza dough</li>
        <li>Tomato Sauce</li>
        <li>Cheese</li>
        <li>Toppings</li>
        <ul>
            <li>Optional-mushroom</li>
        </ul>
     </ul>
    <!--Ordered list-->
     <h4>Ordered List</h4>
    <ol>
        <li>set out dough</li>
        <li>spread the sauce</li>
        <li>Spread the cheese</li>
        <li>put rest of Toppings</li>
    </ol>
    <!--Description List-->

    <h4>Description List</h4>
    <dl>
        <dt>FAT</dt>
        <dd>Secondary energy source</dd>
        <dt>Protien</dt>
        <dd>Used for muscle and repair</dd>
    </dl>

    <a href="page2.html" target="_blank" title="This takes you to page 2">
        <h1>Page 3</h1>
    </a>


    <div class="pagination">
        <a href="index.html">Home</a>
        <a href="page1.html">1</a>
        <a href="page2.html">2</a>
        <a href="page3.html">3</a>
        
    </div>

    </body>
</html>